Archief - xHTML/CSS: Probleem met IE

Hallo,

ik moet voor school een website maken. Ik heb er al wat werk ingestoken maar ben nu op een probleem gebotst met IE. Het gaat over deze pagina: http://users.skynet.be/fa038941/Thomas/Websites/Daily_News_Channel/sitemap.htm

in Firefox, wanneer je naar beneden scrollt krijg je de indruk dat de tekst over de achtergrond-afbeelding zweeft maar waar wanneer je de pagina opent in Internet Explorer krijg je een geheel ander zicht. Hetgeen in Firefox getoond wordt is correct.

Ik heb al wat dingen geprobeerd zoals in mijn css bestand het volgende te plaatsen:

#content {
background-image: url(../images/red/content.jpg) ;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
}

maar het probleemt blijft en het wordt tergelijk ook niet meer correct getoond in Firefox wanneer deze lijnen toegevoegd worden...


Enige suggesties?



Thomas.

Ik denk dat het aan IE zelf ligt. Hij berekend eerst de plaats die nodig is, en zet er dan achteraf die scrollbars op. De volgorde in de CSS file maakt niet uit, dus ik zie geen oplossing voor je probleem.

Mss iets met de tekst doen zodat die "zweeft" over de achtergrond? Bv een p-tag die overflow geven?

je kan werken met z-indexes, niet?

Devastate zei:

je kan werken met z-indexes, niet?

Klik om te vergroten...

Bedankt voor jullie replies. Kan je me uitleggen wat die Z-indexes precies doen?

z-indexes staan voor de verschillende "lagen" in je website.
hoe hoger het nr; hoe hoger je "laag" ligt.
met wat geluk kan je zo je tekst boven je image laten zweven, en zo die fout vermijden.

http://www.sitemasters.be/?pagina=tutorials/tutorials&cat=2&id=210

Ik heb de oplossing gevonden:

do it by using 2 div sections.
Keep the original one, rename it "main_container".
Rename the css definitions for content to "main_container"
Inside that one create another div, call it "content"
Move all those links (the lists) from the original div (now called main_container) and put them in "content"
This would effectively double up the divs.

Klik om te vergroten...

Bedankt voor jullie hulp.