Width a šířka boxu » Vlastnosti nastavení šířky a výšky elementu (width, height) se týkají pouze vlastního obsahu » Šířka a výška boxu jsou dány připočtením 2* (margin + padding + border)
Pružný design » Design stránky s proměnlivou šířkou, která se přizpůsobí šířce okna » Problém 1: při příliš širokém okně jsou řádky velmi dlouhé a špatně se čtou » Řešení: vlastnost max-width » maximální šířka elementu
» Podobně i » min-width » min-height » max-height N111031 Internetové publikování 10. Formátovací model, pozicování
MSIE jen ve standardovém módu
Obtékané elementy » Element může být nastaven tak, že jej budou následující elementy „obtékat“ vlastností float: left | right | none » Element může být nastaven tak, že nebude sousedit s předchozím obtékaným elementem vlastností clear: none | left | right | both
CSS pozicování » Absolutní nebo relativní nastavení pozice elementu » Vlastnost position, nabývá hodnot » static – implicitní chování » relative – posun oproti standardnímu umístění » absolute – přesná specifikace pozice vzhledem k „obsahujícímu bloku“ » fixed – specifikace vzhledem k oknu prohlížeče (IE jen ve std režimu !!!)
{ position: relative; top: -12px; red } { position: relative; top: 12px; blue }
Absolutní určení pozice element { position: absolute; top: 0px; left: 0px;}
» Prvek se umístí přímo na souřadnice zadané nejčastěji jako [top, left] » Počátek souřadnic je levý horní okraj nejbližšího nadřazeného elementu s position jinou než static
