Archief - Background image probleem in IE

I

Imot3k

Legacy Member

• 25 jul 2008

• #1

Hallo,

Op deze site (http://www.massagehilde.be) maak ik gebruik van een achtergrond afbeelding in de header en de footer om het idee te creëren van schaduw. Enkel in IE wordt die afbeelding niet weergegeven. Hoe kan ik dit oplossen?

HTML:

<div id="header">
<p>
<img src="header.png" alt="" />
</p>
</div>

CSS:

#header {
background: url("bg.png") repeat-x bottom;
border-bottom: solid 10px #f1f1e6;
}

o

ozl

Legacy Member

• 25 jul 2008

• #2

Is dat nen transparante BG die ge gebruikt?

I

Ingis

Legacy Member

• 25 jul 2008

• #3

toevallige oudere browser?
pngs worden zowiezo niet ondersteund door de wat oudere browsers
en een height (of min-height) wilt soms ook wel helpen

I

Imot3k

Legacy Member

• 26 jul 2008

• #4

coebeest zei:

Is dat nen transparante BG die ge gebruikt?

Klik om te vergroten...

Ja

Ingis zei:

toevallige oudere browser?
pngs worden zowiezo niet ondersteund door de wat oudere browsers
en een height (of min-height) wilt soms ook wel helpen

Klik om te vergroten...

En het probleem doet zich voor in IE7.
Je bedoelt een height opgeven voor de header en footer?

I

Imot3k

Legacy Member

• 26 jul 2008

• #5

Ok bedankt
Een min-height opgeven heeft idd het probleem verholpen.

I

Ingis

Legacy Member

• 26 jul 2008

• #6

graag gedaan

edit:
keer je site bekeken, weet je dat je heeeeeel ver kan scrollen naar beneden...?

o

ozl

Legacy Member

• 26 jul 2008

• #7

Transparante achtergronden worden niet ondersteund in IE (ik weet niet tot welke versie). Er bestaan wel een aantal methodes om dat op te lossen maar ikzelf gebruik dan liever een .jpg

Op deze pagina vind je onderaan wat uitleg over die PNG: http://anthonyshort.com.au/blog/comments/how-to-get-cross-browser-compatibility-everytime/

Min-height wordt in IE6 en kleiner (tenzij het een TD attibuut is) niet ondersteund: http://quirksmode.org/css/contents.html

Kan je niet gewoon height gebruikten?

I

Ingis

Legacy Member

• 26 jul 2008

• #8

beste is beiden
en trouwens, transparante achtergronden worden wel ondersteund... gifs
alleen png niet
en voor deze site voldoet een jpg idd ook

I

Imot3k

Legacy Member

• 30 jul 2008

• #9

Bedankt iedereen voor de hulp

Ik weet dat je heel ver naar beneden kan scrollen. Ik gebruik hier de techniek van de "holy grail" en blijkbaar heeft IE ook een probleem met overflow: hidden. Daarom moest ik een wrapper voor de voet gebruiken. Mss heeft iemand een betere oplossing?