Nieuw lid |
|
Ik heb onderstaande code voor een website. Alles werkt 100% goed in Firefox. Alleen het probleem is dat de footer in Internet Explorer i.p.v. netjes onderaan in het midden iets verder naar boven en een stuk naar rechts staat. Wat zou dit kunnen zijn ? Hieronder de code en een link waar de site te zien is.
<style type="text/css">
html, body {
height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
margin: 0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:active {
color: #000000;
text-decoration: none;
}
.container {
width: 800px;
padding: 0px;
margin:0px auto;
height:100%;
min-height:100%;
}
.float11 {
background-image:url(img/body/bg1222.jpg);
text-align: center;
width: 25px;
margin: 0px;
padding: 0px;
float: left;
height:100%;
min-height:100%;
}
.float21 {
text-align: center;
width: 750px;
margin: 0px;
padding: 0px;
float: left;
height:100%;
min-height:100%;
}
.float31 {
background-image:url(img/body/bg1223.jpg);
text-align: center;
width: 25px;
margin: 0px;
padding: 0px;
float: left;
height:100%;
min-height:100%;
}
#divSite {
text-align: left;
margin:0 auto;
padding: 0px;
width:750px;
height: 100%;
}
div.container2 {
width: 750px;
padding: 0px;
}
div.float {
text-align: center;
background-image:url("img/body/header.jpg");
width: 750px;
height: 150px;
margin: 0px;
padding: 0px;
float: center;
}
div.float2 {
text-align: center;
background-image:url("img/menu/menu_back.gif");
width: 750px;
height: 25px;
margin: 0px;
padding: 0px;
float: center;
}
div.float3 {
text-align: left;
width: 750px;
margin: 0px;
padding: 0px;
float: center;
}
#container3 {
width: 750px;
position: relative;
min-height: 100%;
height: 100%;
height: auto;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-image: url(img/body/background_footer.jpg);
background-position: center;
background-repeat: repeat-y;
text-align: center;
position: absolute;
bottom: 0;
width: 750px;
height: 15px;
}
</style></head>
<body>
<div class="container">
<div class="float11"></div>
<div class="float21">
<div id="divSite">
<div class="container2"><div class="float"></div></div>
<div class="container2"><div class="float2</div>
</div>
<div class="container2"><div class="float3">fdgdfgdfgdg</div></div>
</div>
<div class="container3"><div id="footer"></div>
</div>
</div>
<div class="float31"></div>
</div>
</body>
<style type="text/css"> html, body { height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } color: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; } .container { width: 800px; padding: 0px; margin:0px auto; height:100%; min-height:100%; } .float11 { background-image:url(img/body/bg1222.jpg); text-align: center; width: 25px; margin: 0px; padding: 0px; float: left; height:100%; min-height:100%; } .float21 { text-align: center; width: 750px; margin: 0px; padding: 0px; float: left; height:100%; min-height:100%; } .float31 { background-image:url(img/body/bg1223.jpg); text-align: center; width: 25px; margin: 0px; padding: 0px; float: left; height:100%; min-height:100%; } #divSite { text-align: left; margin:0 auto; padding: 0px; width:750px; height: 100%; } div.container2 { width: 750px; padding: 0px; } div.float { text-align: center; background-image:url("img/body/header.jpg"); width: 750px; height: 150px; margin: 0px; padding: 0px; float: center; } div.float2 { text-align: center; background-image:url("img/menu/menu_back.gif"); width: 750px; height: 25px; margin: 0px; padding: 0px; float: center; } div.float3 { text-align: left; width: 750px; margin: 0px; padding: 0px; float: center; } #container3 { width: 750px; position: relative; min-height: 100%; height: 100%; height: auto; } #footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image: url(img/body/background_footer.jpg); background-position: center; background-repeat: repeat-y; text-align: center; position: absolute; bottom: 0; width: 750px; height: 15px; } </style></head> <body> <div class="container"> <div class="float11"></div> <div class="float21"> <div id="divSite"> <div class="container2"><div class="float"></div></div> <div class="container2"><div class="float2</div> </div> <div class="container2"><div class="float3">fdgdfgdfgdg</div></div> </div> <div class="container3"><div id="footer"></div> </div> </div> <div class="float31"></div> </div> </body>
http://home.wanadoo.nl/copyfile/
|