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.

2857 zhlédnutí (celkově) 4 zhlédnutí (dnes)
Rate this post
Sdílením buduješ SEO!Share on Facebook
Facebook
0Pin on Pinterest
Pinterest
0Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
+ posts

Jsem konzultant online marketingu a specializuji se na SEO a inbound marketing. Od roku 2009 jsem pracoval jako senior SEO konzultant pro největší klienty agentur Ataxo a H1.cz. Úspěšně publikuji, školím a přednáším o online marketingu, který doopravdy miluju. Jsem důsledný, zodpovědný, kritický, se smyslem pro detail.

Pavel Ungr
Jsem konzultant online marketingu a specializuji se na SEO a inbound marketing. Od roku 2009 jsem pracoval jako senior SEO konzultant pro největší klienty agentur Ataxo a H1.cz. Úspěšně publikuji, školím a přednáším o online marketingu, který doopravdy miluju. Jsem důsledný, zodpovědný, kritický, se smyslem pro detail.

Napsat komentář

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

CommentLuv badge