Archief - CSS: background-image weg in IE

t

td2004

Legacy Member

• 1 jun 2006

• #1

even snel uitleggen,
ik heb 2 divs-wrappers in elkaar, en daar nog'ns in #nav en #content met float:left en #footer met clear:left
bedoeling van die 2 wrappers is dat de buitenste wrapper een bgimage aan de top moet plaatsen, en de binnenste wrapper zou dat een bgimage aan de bottom. In FF alles perfect, in IE wilt ie de bgimage aan de top niet plaaten, bottom wel.

Is dit een random bug ?
'kheb al rondgezocht en mensen met een gelijkaardig probleem, maar een oplossing die bij mij niet werkt. (hier)

Q

Quilombo

Legacy Member

• 1 jun 2006

• #2

zet het ne keer online he :|

en probeer eens ipv een extra div een span binnen je div te gebruiken (waar je niks inzet)

t

td2004

Legacy Member

• 1 jun 2006

• #3

de volledige code staat nog niet online, basics zijn zo:

HTML:

<div id="wrapper">
<div id="inside-wrapper">
<div id="navigation"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</div>

Code:

#wrapper{ backtround-image: bottom.gif; background-position: center bottom;}
#inside-wrapper{ backtround-image: top.gif; background-position: center top;}
#navigation{ float:left; }
#content { float:left; }
#footer { clear:left; }

Op inside-wrapper wordt backgroundimage niet getoont, is dit afhankelijk van wat binnen de inside-wrapper div staat ?

O

Obliv`

Legacy Member

• 1 jun 2006

• #4

kweet niet of het zou helpen, maar probeer eens wat met de z-index te spelen

t

td2004

Legacy Member

• 2 jun 2006

• #5

Kheb het opgelost met een scriptje dat de hoogte gelijksteld. (big-thx aan jochen)
De inner-div moest een hoogte meekrijgen in IE en dan werkte alles perfect.

Grts
Thomas

Q

Quilombo

Legacy Member

• 2 jun 2006

• #6

gewoon position: absolute; ipv die javascript roemel had ook gewerkt ze