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.

5295 shlédnutí (celkově) 21 shlé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ž 10 let od roku 2004. Z Et netery jsem nastoupil do Ataxa a následně do H1.cz. Od roku 2009 pracuji jako SEO konzultant. Vedu školení o SEO. Pravidelně publikuji zejména o internetovém marketingu a přednáším. Krom SEO se aktivně zajímám o UX, obsahový marketing, sociální sítě a jejich využití z pohledu inbound marketingu. Baví mě experimenty ve stylu práce Randyho Fishkina z Mozu a propaguji SEO jako tvorbu zajímavého a kvalitního obsahového webu.

Napsat komentář

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

CommentLuv badge