Příspěvky

Zobrazují se příspěvky z květen, 2011

CSS Trik: Oprava chyby pozadí při 100% šířky stránky

Obrázek
Dnes jen velice krátce. Na spoustě webů používajících vodorovné čáry přes celou šířku okna prohlížeče bývá často viděn neošetřený problém , způsobující nehezký vzhled při scrolování . Jeden obrázek za tisíc slov: Jak vidíte, pozadí stránky není zcela dotažené do konce, což možná zrovna u facebooku možná tolik nevadí, protože je pozadí bílé. Na jiném webu by to však mohlo způsobit například nečitelnost textu. To je způsobeno tím, že má element s pozadím nastavenou šířku na 100%. Pokud tedy zmenšíme okno na velikost menší než je šířka našeho globálního wrapperu (který používáme třeba kvůli vystředění stránky), tak tento wraper přeteče přes šířku nadřazeného elementu (čili elementu s pozadím). A jaké má tato situace řešení? Velice jednoduché, stačí nastavit elementu nesoucímu toto pozadí minimální šířku. V případě facebooku tedy: #bluebar  {    /*původní definice*/    min-width :  981px ; } Doufám, že se Vám tento tip bude hodit.