PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
r

footer werkt alleen in firefox

Door roy marijnissen op 01-01-2007 16:02
457 views
Ik heb via verschillende voorbeelden van footers code geprobeerd etc. Nu heb ik een code die perfect in firefox werkt. Alleen in internet explorer krijg ik de footer gewoon helemaal niet te zien. Wat doe ik fout ?:

<style type="text/css">
<!--
html, body {
height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: url(img/body/bg_body3.gif) center top repeat-y;
margin-top: 0px;
margin: 0;
padding: 0;
}
.container {
position: relative;
width: 750px;
padding: 0px;
margin: 0px auto;
min-height:100%;
height: 100%;
height: auto;
}
.float1 {
background-image:url(img/body/header.jpg);
text-align: center;
width: 750px;
margin: 0px;
padding: 0px;
float: left;
height:150px;
}
.float2 {
background-image:url(img/menu/menu_back.gif);
text-align: center;
width: 750px;
margin: 0px;
padding: 0px;
float: left;
height:25px;
}
.float3 {
text-align: center;
width: 750px;
margin: 0px;
padding: 0px;
float: left;
}
.footer {
position: absolute;
bottom: 0;
padding: 0px;
background-color: #0066b2;
width: 750px;
}
-->
</style></head>

<body>
<div class="container">
<div class="float1"></div>
<div class="float2"></div>
<div class="float3"></div>
<div class="footer">test</div>
</div>
- -
01-01-2007 16:38
$ff kan css
$ie !kan css
dus je zult ie-css moeten maken, of wachten tot ie7 uitkomt
M
Maarten de Boer
02-01-2007 01:15
Heb je al gekeken of de footer wel werkt zonder die floats en die container? Anders ligt het probleem daar namelijk ;)

Probeer het even uit en meld even of het gelukt is :)
A
Alain
02-01-2007 02:20
Je footer staat waarschijnlijk ergens onder de andere divs.

Probeer eens aan float3 de code:

clear: all;

toe te voegen. ;)
Jan Koehoorn
02-01-2007 03:55
Als je de CSS van mijn voorbeeld in je eerdere post gebruikt, moet het lukken:

html, body {
	height: 100%;
}
#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}
#wrapper {
	padding-bottom: 32px;
}
#content {

}
#footer {
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 100%;
	text-align: center;
}
R
Robert Deiman
02-01-2007 09:18
@Jan

wat doet het groterdan teken hier:


html>body #container {
    height: auto;
}

Reageren

Inloggen om te reageren