Max-width

CSS vlastnost max-width určuje maximální šířku prvku.

max-width
hodnoty šířka prvku
délka nastavená šířka nebo menší
procento procento z šířky nadřazeného prvku (tagu), nebo menší
auto maximální šířka není omezena

Šířka prvků je buďto jejich přirozená šířka, 100% dostupné šířky u blokových elementů, nebo šířka určená CSS vlastností width. Vlastnost max-width přináší další způsob, jak šířku prvku předepsat. Uplatní se to zejména v případech, kdy je šířka prvku nastavena procenty nebo závisí na velikosti okna.

Pokud jsou zadány jak max-width, tak width a jsou v konfliktu, pak max-width přebije width.

CSS vlastnost max-width se zatím nedá moc používat, protože ji nepodporuje Internet Explorer.

Podpora

Podpora vlastnosti max-width
Prohlížeč Podpora ve verzích Poznámka

Internet Explorer

ne někdy lze simulovat pomocí Expression()
Mozilla (Netscape 6+) všechny verze  
Opera maximáně 7  
Konqueror asi ano  
IE 5 / Mac nevím, asi ne  
Netscape Navigator 4 ne  

Příklady

Simulace max-width pro Internet Explorer s využitím konstrukce expression a podtržítkového hacku, často používaná k tomu, aby se obsah stránky vešel do rozlišení 800x600:

#prvek {
max-width: 780px;
_width: expression(document.body.clientWidth > 780? "780px" : "auto" );
}

 

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Vlastnosti a hodnoty CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 13. února 2005.