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.

11553 zhlédnutí (celkově) 3 zhlédnutí (dnes)
Sdílením buduješ SEO!Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Buffer this page
Pavel Ungr
Věnuji se SEO již 13 let od roku 2004. Z Et netery jsem nastoupil do Ataxa a následně do H1.cz. Od roku 2009 pracuji jako profesionální SEO konzultant a od roku 2013 jsem na volné noze. Vedu SEO školení a pravidelně publikuji zejména o internetovém marketingu a přednáším.Baví mě SEO experimenty a propaguji SEO jako tvorbu zajímavého a kvalitního obsahového webu který je primárně prospěšný pro uživatele a technicky přístupný.. Krom SEO se aktivně zajímá o UX, obsahový marketing, sociální sítě a jejich využití z pohledu online marketingu.

Napsat komentář

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

CommentLuv badge