Hey, ik heb een probleempje met positioneren van mijn divs..

In IE6 en IE7 staat alles perfect maar in firefox lijkt het wel alsof hij niet eens reageert op mijn position relative tags. Dit is mijn stylesheet:

body {background-color: #c3bec4; width:795; margin-left:auto; margin-right:auto; text-align:center; }

body {background-color: #c3bec4; width:795; margin-left:auto; margin-right:auto; text-align:center; }

.stage {}
.top {background-image: url("images/slices/top.png"); width:680px; height:241px; background-repeat: no-repeat;}
.main {background-image: url("images/slices/iframe-background.png"); background-repeat: no-repeat; width:447px; height:206px; position:relative; left:116px;}
.menu {background-image: url("images/slices/navigatie-background.png"); width:233px; height:206px; position:relative; top:241px; right:223px;}
.home {background-image: url("images/home.png"); width:67px; height:25px; position:relative; top:-4px;}
.portfolio {background-image: url("images/portfolio.png"); height:23px; width:79px; position:relative; left:6px; top:-2px;}
.contact {background-image: url("images/contact.png"); width:73px; height:28px; position:relative; left:2px; top:-1px;}
.buttons {position:relative; top:50px; left:15px;}


In principe hoort het toch zonder !important tags te kunnen?
IE is de boosdoener! Maak eerst je website in FF en bekijk hem dan in IE dan is er altijd wel een oplossing voor je probleem..

GR. mebus
Ik heb het opgelost met !important tags, ik vroeg mij alleen af of het ook op een nettere manier kon.
Ja eerst je layout goed maken in FF en daarna pas in IE..

GR. mebus
Ja, maar als firefox position relative anders opvat als IE, hoe kan je het dan zonder important tags oplossen?

Reageren