IE laat background image verdwijnen ???

[kokkie20]

Hallo,
Ben bezig met een website voor een vriendin van mij.
In firefox laat hij alles gewoon goed zien maar in IE werkt het niet echt mee.... :evil:

Ik heb de site niet online staan omdat ze nog geen host heeft maar daar is ze mee bezig zegt ze (zucht vrouwen.... )
Maar goed het probleem is, ik heb een footer onderaan de pagina die automatisch moet verspringen wanneer er veel tekst in de content zit (Dus dat hij automatisch met de tekst naar beneden gaat, meer tekst = verder naar beneden)
Maar in IE is die hele footer image nergens te vinden.

Wat code's:

IE CSS

#footer 
{
width: 100%;
padding-top: 5px;
overflow: hidden;
clear: both; 
position: absolute; 
bottom: 0;
left: 0; 
text-align:center;
}

#footer_center 
{
color: #000;
font-size: 10px;
font-family: arial;
margin: 0 auto;
padding-top:5px;
text-align:left;
height:101px;
background-image:url(../images/footer.gif);
}

Heb al aardig wat op google gezocht maar kon er niet echt een werkende oplossing tussen vinden.
Heeft iemand toevallig een idee voor dit probleem?
Heb het probleem ooit eerder gehad maar kan de code helaas nergens meer vinden daarvan en weet ook niet meer hoe ik het heb opgelost

Bedankt in ieder geval :thumb:

 

[csshunter]

Hoi kokkie20,
Zonder de complete html+css codes is er wat weinig van te zeggen.
Maar misschien heb je iets aan deze voorbeelden:

• www.developerscorner.nl/csshunter/tests/decent-footer-A.htm.
• www.developerscorner.nl/csshunter/tests/decent-footer-B.htm.
• De css is identiek (zie broncode), alleen de hoeveelheid text in het middendeel verschilt.
• Bij een korte pagina staat de #footer altijd onderaan het scherm.
• Bij een lange pagina staat de #footer altijd onder de inhoud.

Als je de #footer een background-img geeft, zou die ook in IE gewoon tevoorschijn moeten komen.

Met vriendelijke groet,
CSShunter