Hallo,

Ik moet een site voor school maken en doe deze over Oh Oh Cherso, in IE doet hij het prima maar in Chrome/Firefox/Safari enz. staan de DIVS niet onder elkaar....

In IE (zoals het hoort):


In bv Chrome (verkeerd):


Mijn CSS is:


/*
StyleSheet voor Oh Oh Cherso site
*/

body {
margin: 10px;
background: url(http://www.billybobs-mailing.nl/cherso/images/background.png);
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}
	
div.container {
width: 700;
padding: 15px 10px 15px 10px;
min-height: 1px;
text-align: left;
margin: 0px auto;

background-image: url('http://www.billybobs-mailing.nl/cherso/images/container.png');
}

h1 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

h2 {
color: #032F81;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
font-style: italic;
text-decoration: underline;
}

a:link{
background-color: #transparent;
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:visited{
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:hover{
background-color: #CCCCCC;
color: #000000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
 }

a:active{
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
} 

div.content {
width: 680;
padding: 0px 5px 0px 5px;
margin: 0px auto;
text-align: left;
float: center;
}

div.bar {
width: 700;
height: 24;
padding: 4px 4px 4px 4px;
margin: 0px auto;
background-image: url('http://www.billybobs-mailing.nl/cherso/images/bar.png');
}

div.header {
width: 700;
height: 160;
margin: 0px auto;
background-image: url('http://www.billybobs-mailing.nl/cherso/images/header.png');
}

div.footer {
width: 700;
height: 27;
padding: 5px 5px 5px 5px;
margin: 0px auto;
background-image: url('http://www.billybobs-mailing.nl/cherso/images/footer.gif');
}


Weten jullie waar dit verschil aan kan liggen en hoe ik dit kan oplossen?

BVD
Voor zo'n schoolprojectje zou ik het nu zo laten maar ik zou in je volgende project vanaf het begin een master stylesheet gebruiken. Heb je nooit meer last van verschillende weergaven in verschillende browsers qua uitlijning e.d.. Punt is dat als je het nu gaat toevoegen je margins e.d. opnieuw moet instellen.

Reageren