Sidan fungerar korrekt i ALLA andra webbläsare, ja till och med IE6. Men i IE7 så hamnar menyn under content boxen varför?
Sidan: http://www.nilleonline.com
Menyn ska vara placerad som "logga-in"-boxen alltså till höger om innehållet. "logga-in"-boxen och menyn har samma egenskaper, ändå blir det fel :q
Nu vet jag vart problemet ligger. IE7 stödjer inte ":after". Alltså fungerar inte Clearfix.
Då blir det till att använda extra markup x(
Finns det någon lösning utan att använda extra markup i IE7? Jag hittade ingen, men om ni vet någon så får ni gärna säga till.
Lägga in var? Helt sjukt jag får det ändå inte funka! Måste vara jag som är dum i huvet, men meny-diven vägrar floata.
En clear lägger du in direkt efter element som du floatat för att "nollställa" så att efterkommande element inte också påverkas av floaten.
Om ett element hamnar under i IE som du beskriver (kan inte kolla. Sitter på Mac) så beror det ofta på att summan av bredderna på elementen som ska samsas i bredd inte stämmer. Tänk på att borders läggs till osv. En div på 100px med en border på 1 px blir alltså 102 px. Har du padding på t.ex. 20px så blir bredden 142px.
Jag brukar ta ett papper och rita upp divvarna som rutor o sätta ut måtten, sen är det bara att räkna.
En clear lägger du in direkt efter element som du floatat för att "nollställa" så att efterkommande element inte också påverkas av floaten.
Om ett element hamnar under i IE som du beskriver (kan inte kolla. Sitter på Mac) så beror det ofta på att summan av bredderna på elementen som ska samsas i bredd inte stämmer. Tänk på att borders läggs till osv. En div på 100px med en border på 1 px blir alltså 102 px. Har du padding på t.ex. 20px så blir bredden 142px.
Jag brukar ta ett papper och rita upp divvarna som rutor o sätta ut måtten, sen är det bara att räkna.
Jo jag vet hur man clearar, och problemet beror inte heller på att de inte ryms efter varandra som du sa då det funkar i ALLA andra webbläsare.
Jo jag vet hur man clearar, och problemet beror inte heller på att de inte ryms efter varandra som du sa då det funkar i ALLA andra webbläsare.
Njae..du kan ju inte testa i andra webbläsare och dra slutsatser från dom om hur IE ska eller bör rendera koden. Det kan du ju bara göra i just IE.
Och just IE:s sätt att lägga ihop bredder har alltid varit knepig. T.ex. har det hänt flera ggr när man har bl.a. en paragraf i en div där man lagt padding i divven att det har skitit sig i IE. Då har man fått ta bort paddingen och lagt marginal på paragrafen istället. Och trots att det handlar om samma antal pixlar så har IE accepterat den lösningen.
Njae..du kan ju inte testa i andra webbläsare och dra slutsatser från dom om hur IE ska eller bör rendera koden. Det kan du ju bara göra i just IE.
Och just IE:s sätt att lägga ihop bredder har alltid varit knepig. T.ex. har det hänt flera ggr när man har bl.a. en paragraf i en div där man lagt padding i divven att det har skitit sig i IE. Då har man fått ta bort paddingen och lagt marginal på paragrafen istället. Och trots att det handlar om samma antal pixlar så har IE accepterat den lösningen.
Ja IE beter sig alltid konstigt! Men jag var säker på att det inte var bredden som var problemet. Det var en div sam var avslutad på fel ställe, sjukt att det inte blev problem i någon annan browser. Fick sitta och gå igenom koden sjukt många gånger.
251 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2