Centreret i Firefox og Opera, men ikke i IE
Hvorfor bliver ikke siden centreret i IE, når den gør det i Opera og Firefox?Her er html:
<body>
<form id="Form1" method="post" runat="server">
<div id="wrap">
<div id="header">
<h1>Header</h1>
</div>
<div id="nav">
<ul>
<li>Link </li>
<li>Link </li>
<li>Link </li>
<li>Link </li>
</ul>
</div>
<div id="main">
<p>Indhold</p>
<p> </p>
<p>Mere indhold</p>
</div>
<div id="sidebar">
<p>Side</p>
<p>Noget her</p>
</div>
<div id="footer">
<ul>
<li>Link </li>
<li>Link </li>
<li>Link </li>
</ul>
</div>
</div>
</form>
</body>
</HTML>
Med følgende css:
body
{
background-color: #F5F5F5;
margin:0;
padding:0;
min-width: 750px;
}
div#wrap
{
background:#888e9c;
margin: 20px auto;
width:750px;
}
#header
{
background-color: #888e9c;
}
#nav
{
background-color:#b7bfc9;
}
#nav ul
{
margin:0;
padding:0;
}
#nav li
{
display:inline;
list-style:none;
margin:0;
padding:0;
}
#main
{
background: #ebedf2;
float:left;
width:500px;
}
#nav h2, #nav h3, #nav p
{
padding:0 10px;
}
#footer
{
background: #b7bfc9;
clear:both;
}
#footer ul
{
margin:0;
padding:0;
}
#footer li
{
display:inline;
list-style:none;
margin:0;
padding:0;
}
#nav ul
{
margin:0;
padding:0;
}
#nav li
{
display:inline;
list-style:none;
margin:0;
padding:0;
}
#nav p
{
padding:5px;
margin:0;
}
#sidebar
{
width:247px;
margin-left: 500px;
background-color:#888e9c;
}
#wrap > #sidebar
{
width:250px;
}
#sidebar ul
{
margin-bottom:0;
}
#sidebar h3, #sidebar p
{
padding:0 10px;
}
