Mitt problem är att #maincontent och dess innehåll inte hamnar till höger om #navbar som har float:left på sig. #maincontent hamnar förvisso 160px från vänsterkanten som den ska, men den vertikala positionen är i linje med den nedre kanten på #navbar. Jag har gjort ett tappert försök att rita nedan.
detta är felet
--------
|navbar |
-------- --------------
.............| maincontent|
men det ska vara så här
-------- --------------
navbar| |maincontent|
------- --------------
Jag har klurat på detta ett tag nu men kan inte komma på vad felet ligger i för någonting. Det inträffar endast i IE6 och 7 så jag misstänker att det har nåt med width och floats att göra eller IE's felaktiga rendering av box model.
Jag är väldigt ny på detta område så det är troligtvis ett mycket enkelt fel :P
Vad kör du för doctype?, hur ser parent noden ut runt navbar och maincontent, IE tolkar width, border, padding och margin annolunda än vad exempelvis firefox gör, sen så skriver man CSS med ":" inte med "=" ;)
Vad kör du för doctype?, hur ser parent noden ut runt navbar och maincontent, IE tolkar width, border, padding och margin annolunda än vad exempelvis firefox gör, sen så skriver man CSS med ":" inte med "=" ;)
Hoppsan, se där vad man råkar skriva när man håller på sent på kvällen :P Ändrat till ":" i koden nu i inlägget.
Jag kör med xhtml 1.0 strict. navbar och maincontent ligger i en div #content utan någon bestämd width, men detta ligger sedan i en container div som har en bestämd width på 930px, utan padding och margin: 0 auto;
Anledningen till #content diven är att jag använder den för att lägga till en bakgrundsbild med repeat-y. Jag har sedan kopplat två andra bilder till två andra divs för att fixa rundade kanter.
EDIT: har lagt till parent i koden i första inlägget.
jag kan inte återskapa det du säger att det händer för dig, men du kör overflow hidden vilket kan förklara en del i de andra webbläsarna, glöm inte att sätta tråden som löst på det svar du acceptera som lösning.
