rare bug in firefox

[Verwijderd]

Heb de volgende pagina...

In IE doet hij het goed, maar in Firefox(mozilla) krijg ik een raar foutje.. als je namelijk met de muis over de menu-items (links) heengaat, dan lijkt de hele layout eventjes te flippen.. het lijkt erop dat de div#content helemaal naar linksboven wordt geplaatst voor een ogenblik en dan meteen weer terug op zijn plek..

Dit gebeurde toen ik in div#content de regel "overflow:auto; " toevoegde. Als ik deze regel weghaal, of er "hidden" van maak, doet hij niet gek... Maar het feit wil natuurlijk dat ik die "overflow:auto; " wel nodig heb

Iemand een idee hoe dit komt?


PS: hij is W3 gevalideerd

[BtM909]

Lijkt in combinatie met die float Iig zeer wazig probleem.
Of je luistert naar VV

[ Voor 20% gewijzigd door BtM909 op 09-11-2004 17:09 ]

[Verwijderd]

komt doordat je de width verandert.

code:

ul#nav li a {
 margin: 1px 0;
 padding: 5px;
 padding-left: 15px;
 float: left;
 display: block;
 width: 120px;
 _width: 148px; /* IE box model hack */
 height: 15px;
 _height: 25px; /* IE box model hack */
 color: black;
 font-weight: normal;
 text-decoration: none;
 background: #ccc;
  border-right: 10px solid #ccc;
}
ul#nav li a:hover {
 border-right: 10px solid #3d3111;
 background: #ddd;
}

zo is het opgelost.
ik heb bij de a ook een border erbij gezet in dezelfde kleur zodat je de width niet hoeft te veranderen.

edit:
en bij de laatste regels van je css ff de :hover weghalen, dan is het helemaal weg.

[ Voor 8% gewijzigd door Verwijderd op 09-11-2004 17:04 ]

[crisp]

Als je een boxmodel hack doet, doe dan liever zo:

Cascading Stylesheet:

ul#nav li a {
  width: 120px;
  height: 15px;
}
ul#nav li>a {
  width: 148px;
  height: 25px;
}

Of nog beter: zorg dat IE6 in standards-compliant mode staat. Eventueel kan je voor IE5 dmv een conditional comment een alternatief stylesheet inladen met correcties voor het boxmodel.
Uitgaan van CSS interpretatiebugs is imho gewoon bad practice.

[Verwijderd]

Ok, dan ga ik het zo doen, maar het andere vond ik ietsje overzichtelijker (minder code)..

maar goed, deze snap ik nog niet helemaal:

Eventueel kan je voor IE5 dmv een conditional comment een alternatief stylesheet inladen met correcties voor het boxmodel.

Hoe doe ik dat?

edit:

ik heb iig nog even lopen klooien en hij doet het nu perfect! tnx!

[ Voor 13% gewijzigd door Verwijderd op 10-11-2004 10:32 ]