Simpel CSS virker i FF og IE7, men ikke i IE8
Hejsa.Jeg har kastet mig ud i at designe websider med css i stedet for <table>. Troede egentligt at alt virkede perfekt, men det gør det åbenbart ikke i IE8.
Jeg har lavet en simpel side, hvor problemet er i IE8. Den kan ses her (Boks2 med den gule baggrund skal stå til højre, men flyttes ned i IE8):
http://www.fam-johansen.dk/test/test.html
HTML-koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="styleKontakt.css" type="text/css">
<title></title>
</head>
<body>
<div class="yderKrans">
<div id="Boks1">Tekst i boks1</div>
<div id="Boks2">Vejledning!</div>
</div> <!-- Yderkrans end-->
</body>
</html>
CSS-KODEN:
html,body{
margin:0;
padding:0;
height:100%;
font-family: Tahoma,Verdana;
font-size: 8pt;
text-align : left;
}
body {
background-color: #eeeeee;
}
div.yderKrans {
width: 980px;
margin: 1em auto;
margin-top: 0px;
background-color: #ffffff;
height: 634px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#Boks1 {
float:left;
width: 630px;
height: 400px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
border: 1.2px solid #cccccc;
padding: 5px;
background-color: #eeeeee;
}
#Boks2 {
float:right;
width: 306px;
height: 400px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
border: 1.2px solid #cccccc;
padding: 5px;
background-color: #ffffcc;
}
