Why different margins in IE 5.5??

[Gnolen]

Hi there!

I am wondering why this div moves to a bit to the left in IE 5.5 but not
in 6. I think I have tried to change everything but nothing will help.
It happend when I did the display:block in #menu a so it has something
to do with margins/padding?

Does anyone know what is wrong??

Thanks / Gnolen

HTML:
<div id="container" >
<ul id="menu">
<li id="item0"><a href="startsida n.shtml">Starts idan</a></li>
<li id="item1"><a href="om.shtml" >Om</a></li>
</ul>
</div>

CSS:
#container { margin: 0pt; padding: 5px; position: relative; top: 25px;
left: 35px;width: 204px; height: 124px; }

#menu { margin: 0pt; padding: 0pt; position: absolute; top: 0pt; left:
0pt; width: 204px; height: 129px; overflow: hidden; list-style-type:
none; list-style-image: none; list-style-position: outside; }

#menu li { margin: 0pt; padding: 0pt; height: 19px; list-style-type:
none;overflow: hidden; }

#menu a { display: block; padding: 19px 0px 0px; height: 0px !
important; overflow: hidden; }

#menu a:hover { display: block; background-position: 0pt -19px; }

#item0 a { background: transparent url(bilder/navbar/startsidan.png)
no-repeat scroll left top; width: 204px; -moz-background-clip: initial;
-moz-background-origin: initial; -moz-background-inline-policy: initial; }

#item1 a { background: transparent url(bilder/navbar/om.png) no-repeat
scroll left top; width: 204px; -moz-background-clip: initial;
-moz-background-origin: initial; -moz-background-inline-policy: initial; }

[Els]

Re: Why different margins in IE 5.5??

Gnolen wrote:
[color=blue]
> Hi there!
>
> I am wondering why this div moves to a bit to the left in IE 5.5 but not
> in 6. I think I have tried to change everything but nothing will help.
> It happend when I did the display:block in #menu a so it has something
> to do with margins/padding?
>
> Does anyone know what is wrong??[/color]

URL please?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Twarres - Why

[Gnolen]

Re: Why different margins in IE 5.5??

Els wrote:[color=blue]
> Gnolen wrote:
>
>[color=green]
>>Hi there!
>>
>>I am wondering why this div moves to a bit to the left in IE 5.5 but not
>>in 6. I think I have tried to change everything but nothing will help.
>>It happend when I did the display:block in #menu a so it has something
>>to do with margins/padding?
>>
>>Does anyone know what is wrong??[/color]
>
>
> URL please?
>[/color]

Hi Els,

I am sorry, but I have no access to my server at the moment, otherwise I
would give you guys a url.

Maybe there is something that you could see directly by looking at the
small code?

Thanks,

/ Greetings from Gnolen

[Martin!]

Re: Why different margins in IE 5.5??

Gnolen wrote:
[color=blue]
> Els wrote:
>[color=green]
>> Gnolen wrote:
>>
>>[color=darkred]
>>> Hi there!
>>>
>>> I am wondering why this div moves to a bit to the left in IE 5.5 but
>>> not in 6. I think I have tried to change everything but nothing will
>>> help. It happend when I did the display:block in #menu a so it has
>>> something to do with margins/padding?
>>>
>>> Does anyone know what is wrong??[/color]
>>
>>
>>
>> URL please?
>>[/color]
>
> Hi Els,
>
> I am sorry, but I have no access to my server at the moment, otherwise I
> would give you guys a url.
>
> Maybe there is something that you could see directly by looking at the
> small code?
>[/color]

we see, you didnt mention a doctype

[Gnolen]

Re: Why different margins in IE 5.5??

Martin! wrote:[color=blue]
> Gnolen wrote:
>[color=green]
>> Els wrote:
>>[color=darkred]
>>> Gnolen wrote:
>>>
>>>
>>>> Hi there!
>>>>
>>>> I am wondering why this div moves to a bit to the left in IE 5.5 but
>>>> not in 6. I think I have tried to change everything but nothing will
>>>> help. It happend when I did the display:block in #menu a so it has
>>>> something to do with margins/padding?
>>>>
>>>> Does anyone know what is wrong??
>>>
>>>
>>>
>>>
>>> URL please?
>>>[/color]
>>
>> Hi Els,
>>
>> I am sorry, but I have no access to my server at the moment, otherwise
>> I would give you guys a url.
>>
>> Maybe there is something that you could see directly by looking at the
>> small code?
>>[/color]
>
> we see, you didnt mention a doctype[/color]

Hi Martin!,

Thanks for the look.

I have XHTML 1.0 transitional as my doctype. Do you think that matters
in this case?

/ Gnolen

[Jim Moe]

Re: Why different margins in IE 5.5??

Gnolen wrote:[color=blue]
>
> I have XHTML 1.0 transitional as my doctype. Do you think that matters
> in this case?
>[/color]
Probably. Use HTML 4.01 Strict for the broadest range of browser support.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Gnolen]

Re: Why different margins in IE 5.5??

Jim Moe wrote:[color=blue]
> Gnolen wrote:
>[color=green]
>>
>> I have XHTML 1.0 transitional as my doctype. Do you think that matters
>> in this case?
>>[/color]
> Probably. Use HTML 4.01 Strict for the broadest range of browser support.
>[/color]

I only design with XHTML 1.0 trans or strict. So far I haven't had any
problems doing what I want. And I am very 'old browser support' minded,
aswell as new browser support minded. Couldn't stand if it would look
strange in some browsers.

And the problem is still there when I just tried with HTML 4.01 Strict
instead..So strange!

/ Gnolen

[C A Upsdell]

Re: Why different margins in IE 5.5??

Gnolen wrote:[color=blue][color=green][color=darkred]
>>>>> I am wondering why this div moves to a bit to the left in IE 5.5
>>>>> but not in 6. I think I have tried to change everything but nothing
>>>>> will help. It happend when I did the display:block in #menu a so it
>>>>> has something to do with margins/padding?
>>>>>
>>>>> Does anyone know what is wrong??[/color]
>>
>> we see, you didnt mention a doctype[/color]
>
> I have XHTML 1.0 transitional as my doctype. Do you think that matters
> in this case?[/color]

If you sppecify xhtml transitional with a URL, then this will trigger
standards mode in IE6, which will, among other things, make it comply
with the box model better, which affects div margins and padding.