IE Bug s mizením pozadí divu

Ufff. Tak jsem po 3 dnech hledání a přemýšlení vyřešil jeden bug (?) pro IE 6 a nižší. Jak jste asi s příspěvku poznali, týkalo se to karikatury internetového prohlížeče Internet Exploreru 6.0 a nižší. Ve všech prohlížečích různých verzí (Opera, Safari, Firefox, Konqueror atp.) to fungovalo normálně, dokonce i v IE 7 (což je už aspoň pokus o internetový prohlížeč), ale v IE 6 ne. A o co šlo?

Představte si layout webu, že máte 3 (a více divů za sebou a každý má nastylované nějaké pozadí), všechny mají v postatě stejný zápis:

#content {background: url(../img/content.jpg) no-repeat; padding: 25px 115px 0 115px;}
#extendedContent {background: url(../img/extended_content.jpg) repeat-y; padding: 0 115px;}
#news {background: url(../img/news.jpg) no-repeat; }
#footer {background: url(../img/footer.jpg) no-repeat; text-align: center; font-size: 0.7em; padding-top: 15px;}

A najednou Vám v jednom prohlížeči (tedy již zmiňovaném IE 6) se přestane zobrazovat pozadí prvku. Nu, řešením je line-height: jakékoliv; height: 100%; a je fakt, že mě na cestu přivedla Plaváčkova rada. Takže tímto mu, aniž o tom ví děkuji… Třeba moje řešení někomu pomůže.

297 zhlédnutí (celkově) 3 zhlédnutí (dnes)
Sdílením buduješ SEO!Share on Facebook
Facebook
0Pin on Pinterest
Pinterest
0Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

CommentLuv badge