Ich könnte ausflippen!!
Hallo Gemeinde,
ich hab Probleme mit dem IE6 der zentrale div möchte einfach nicht in die Mitte rutschen!!!!! sondern bleibt beharrlich links am rand kleben! Wie krieg ich das div "main" in die mitte?
Anbei mal den CSS und anschliesend den HTML code:
body
{
margin: 0;
padding: 0;
font-family: monospace;
font-size: 100.01%;
width: 100%;
}
#miniMenue {
margin-top: 5px;
float: right;
width: 100px;
display:inline
}
#topMenue {
width: 800px;
height:100px;
}
#main {
clear: both;
margin: 5px auto;
width: 800px;
height: 700px;
}
#content {
float:left;
margin-top: 25px;
margin-left: 12px;
margin-right: 12px;
width: 500px;
height: 550px;
overflow: auto;
display:inline
}
#logo {
width: 191px;
height: 158px;
margin-left: 12px;
margin-right: 12px;
margin-top: 50px;
float:right;
display:inline
}
#subMenue {
width: 200px;
height: 350px;
margin-top: 20px;
margin-left: 12px;
margin-right: 12px;
float:right;
display:inline
}
und nun den HTML Teil:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<link rel="stylesheet" href="styles/front.css" type="text/css" />
<link rel="stylesheet" href="styles/formulare.css" type="text/css" />
</head>
<body>
<div id="miniMenue">
</div> <!-- Ende miniMenue -->
<div id="main">
<div id="topMenue">
</div> <!-- Ende topMenue -->
<div id="content">
</div> <!-- Ende content -->
<div id="logo">
<img src="images/logo.gif" alt="Logo">
</div>
<!-- ende logo-->
<div id="subMenue">
</div><!-- Ende submenue -->
</div> <!-- Ende main -->
</body>
</html>