Příspěvky

Zobrazují se příspěvky z červen, 2015

Moje poznatky o CSS #2 - Čísla v CSS

Obrázek
V dnešním díle pokračování mini-seriálu a podtitulem Čísla v CSS se zamyslíme nad volbou rozměrů pro jednotlivé elementy. Uvedu pár běžných příkladů z praxe, na které jste již mohli sami narazit, nastíním jejich řešení a vysvětlím, proč tomu tak je.



Problém 1
"Při zmenšování okna mi uskakuje div zarovnaný na střed a neladí tak s pozadím."

Vysvětlení Pokud po internetovém prohlížeči chceme aby cokoliv zarovnal na střed neboli na 50% šířky rodičovského elementu, můžou nastat následující situace:

Šírka elementu: sudá. Šířka pozadí: sudá.Šírka elementu: lichá. Šířka pozadí: sudá.Šírka elementu: sudá. Šířka pozadí: lichá.Šírka elementu: lichá. Šířka pozadí: lichá. Ad 1) V tomto případě se vše zobrazí správně
Ad 2, 3, 4) Zde jsme donutili prohlížeč zaokrouhlovat a je jen na něm jestli zaokrouhlí nahoru nebo dolů. S největší pravděpodobností v různých prohlížečích uvidíte pixelové rozdíly v zobrazování výsledné stránky.
Řešení Šírka pozadí nebo divu musí být dělitelná číslem 2 a 3 …