[CSS] IE6 laat dingen weg bij position: relative

[Burat]

Ik heb een lastig probleem met Internet Explorer 6. Op m'n website (nog in ontwikkeling) heb ik een pagina waar ik een aantal links bij elkaar zet. Deze style ik en doe iets met hovers. Link: http://www.bertslagter.nl/index.php?pid=12

In Mozilla en Opera werkt dit prima, in Internet Explorer laat het gewoon stukken weg!

Screenshot:


Het is deels op te lossen door de lijst met de links (ul) ook 'position: relative' te geven (ook al slaat dat nergens op). Maar dat introduceert een nieuwe bug. Namelijk dat alle hovers op de pagina gek doen. De hover werkt dan niet meer op de hele a (ook al heeft die display block en een achtergrondkleur!). Link: http://www.bertslagter.nl/index.php?pid=13.

Dit kan je natuurlijk proberen te omzeilen met width/height aan de a geven, maar dat is lastig. Ik wil geen absolute breedtes (...px) en 100% werkt niet omdat het dan te breed wordt (door de padding).

Dus.. sja.. lastig niet?

[Rickets]

Als ik de background bij de lijst weghaal, laat IE in ieder geval wat meer zien. Ik probeer nog wat andere dingen.

[Buffy]

Die bug van IE waarbij de hover niet op de hele a-tag werkt ondanks display:block ben ik ook wel eens tegengekomen. De enige oplossing die ik gevonden heb was om in de eerste a-tag een img-tag op te nemen met visibility:hidden. Om een of andere gare reden werkte het dan wel (ook bij de andere tags )

[André]

Hmm, in IE6 + W2k gaat het wel goed. Dit zal wel weer zo'n raar bugje zijn die alleen op die bepaalde versie icm een bepaald OS zich manifesteerd.

[Rickets]

Als je position:relative; bij je container weghaalt, en dan je anchors een width van 100% geeft, laat IE de borders wel zien.
Maar dan is je footer weer kut

_{Hier ook W2k + IE6}

[ Voor 22% gewijzigd door Rickets op 28-01-2004 11:33 ]

[disjfa]

breedte aan de links meegeven zodat ie weet dat ze breed zijn. ik heb die op 100% gezet en ipv de li een border-bottom mee te geven de a in de li geven en dan doet hij het perfect in ie en andere

in ie nemen de lkinks de breedte niet mee als de container dus moet je aan de links een breedte meegeven zodat IE dat ook weer ondersteund.... vaak is 100% best

[Burat]

disjfa schreef op 28 januari 2004 @ 11:35:
breedte aan de links meegeven zodat ie weet dat ze breed zijn. ik heb die op 100% gezet en ipv de li een border-bottom mee te geven de a in de li geven en dan doet hij het perfect in ie en andere

in ie nemen de lkinks de breedte niet mee als de container dus moet je aan de links een breedte meegeven zodat IE dat ook weer ondersteund.... vaak is 100% best

Als ik de links een width geef (100%) dan gaat het ook fout, dan zijn ze te breed. Dan inheriten ze de width van de parent en omdat ze een padding hebben worden ze te breed.

En ik wil dus niet een breedte in px instellen...

Het gekke is ook, als je de link een background-color: red geeft, dan zie je dat ie wel al groot genoeg is! Dus waarom je dan nog expliciet een width moet geven?

[ Voor 11% gewijzigd door Burat op 28-01-2004 11:44 ]

[disjfa]

Burat schreef op 28 januari 2004 @ 11:41:
[...]
En ik wil dus niet een breedte in px instellen...

maar dat heb je wel gedaan in de rest van je site..... dus waarom daar niet?

en dan zet je ze op een breedte van iets minder.

[Burat]

Ok.. dat moet dan maar .

Maar veel meer ben ik nog geinteresseerd naar de REDEN van dit probleem! Waarom doet IE dit? Wat is de redenatie achter dit gedrag?

[disjfa]

omdat ie de block display in een link niet goed ondersteund geheten een flaw van ie.

hopenlijk opgelost in een volgende versie

[ Voor 5% gewijzigd door disjfa op 28-01-2004 12:10 ]