margins vises forskjellig i IE og Opera

[jaymzfan]

Vil ha det slik som opera viser det, men finner ikke ut hvorfor IE legger inn margins. Noen som kan hjelpe?

 

IE:

Opera:

 

css

#meny
{
width: 110px;
float: left;
margin: 1em;
padding: 0;
overflow: hidden;
}
#meny ul 
{
list-style: none;
margin: 1em 1em 1em 0;
padding: 0;
border-top: 12px solid #775F55;
border-bottom: 1px solid #775F55;
}
#meny li
{
text-align: center;
margin: 0;
padding: 0;
}

#meny a
{
display: block;
text-decoration: none;
background-color:  #D3D3DF;
color: #626378;
margin: 0;
padding: 0;
}
#meny a:hover 
{
text-decoration: none;
background-color: #626378;
color: #D3D3DF;
margin: 0;
padding: 0;
}

 

html

<div id="meny">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
</div>

Endret 9. desember 2004 av jaymzfan

[Haraldson]

http://www.positioniseverything.net/explor...led-margin.html

 

Kan tenke meg det er derfor. Sleng på display:inline; på #meny.

 

Ellers er nok denne relevant.

[PoleCat]

Sett det som mr.Berg sier på #meny li i stedet.

[jaymzfan]

Jaggu. Det var det som skulle til. PoleCat fikk rett denne gangen

[PoleCat]

Det finnes også en slags verical-align versjon av å rette denne "feilen" i IE, at den automatisk legger space mellom li-ene, men aldri funnet helt ut av det.

 

Anyone?

[haugsand]

Har kommet over denne buggen utallige ganger, og jeg tror jeg løste den ved å legge til width: 100%; på a-elementet.

 

Edit: Jeg tenker på den vertikale marginen.

Endret 10. desember 2004 av satyrium

[Steinmann]

litt imponert over at opera(7.6) ikke viser

-200px relative likt som ie og firefox,

måtte tweeke med litt padding å sån for å få fiksa det.

håper det er en beta bug opera har :S