I have a problem with a site I'm playing with.
IE7 seems to set a distance between divs. See img.
This is the same site in FF3 and as you can see there is no distance.
Here is the css and html.
I've been doing some googling but I haven't found any fixes for this.
IE7 seems to set a distance between divs. See img.
This is the same site in FF3 and as you can see there is no distance.
Here is the css and html.
Code:
* {
margin: 0;
padding: 0;
border: none;
}
#wrapper {
min-height:420px;
heigth: expression(this.height > 420 ? 420: true);
width:989px;
}
#head {
width:989px;
margin: 0 auto;
}
#body {
margin-top:10px;
background-color:#666;
}
div.container {
background-color:#FFF;
width:989px;
margin: 0 auto;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>laitis.se</title>
<link type="text/css" rel="stylesheet" href="css/main.css" />
<script src="js/rounded.js"></script>
</head>
<body id="body">
<div id="head">
<img src="img/header.png" />
</div>
<div id="menu">
</div>
<div class="container">
<div id="wrapper">
<div id="offers">
</div>
<div id="news">
</div>
<div id="store">
</div>
<div id="searchReg">
</div>
</div>
</div>
<script type="text/javascript">
Rounded('container', 0,0,6, 6);
</script>
</body>
</html>I've been doing some googling but I haven't found any fixes for this.
