21 Lis 2007

IE Bug s mizením pozadí divu

Napsal Pavel Ungr v kategorii Návody, Webdesign

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.

Článek zobrazilo už 16 čtenářů.

Pavel Ungr (76 článků)

Věnuji se aktivně SEO a internetu již od roku 2004. Z Et netery jsem nastoupil do Ataxa, a od roku 2009 pracuji jako SEO konzultant v H1.cz. Vede tématické webináře o SEO a školení SEO pro markétéry a SEO pro webmastery. Pravidelně publikuji zejména o internetovém marketingu na blogu H1.cz a na Mediáři ve Feedu na víkend i jinde. Krom SEO se aktivně zajímám o sociální sítě a jejich využití. Baví mě experimenty ve stylu práce Randyho Fishkina ze SEOMozu a propaguji SEO jako tvorbu zajímavého a kvalitního obsahového webu.


flattr this!

Štítky: , ,

Zanechte komentář

**Odkazy v komentari jsou do-follow.