Jako generální sponzor Vám přinášíme Informační server Bechyňska - www.Bechyňsko.cz
Mrkněte na novinku - panoramatické fotografie.
Na zkoušku spuštěn nový design www stránek.
Proč v FF přetéká článek přes patičku stránky a v IE je v design v pořádku?
Důvod proč se tak děje - v CSS je použita konstrukce:
min-height....
height...
což je špatně.
Realita je taková, že IE nezná min-height, a height interpretuje jako min-height. Podle W3C se, ale height má chovat tak, že jestli je obsah delší než nastavené height, obsah daný prvek přeteče. Tzn., že ho nesmí roztáhnout, jako to dělá IE.
Takže hack funguje takto:
- Nejdříve je nutné použít min-height., což v FF zajistí minimální výšku a zároveň zajistí, že se prvek roztáhne podle obsahu.
- A až potom použít _height. Podtržítko je důležité!. FF totiž zahodí konstrukci s podtržítkem jako neznámou, ale IE ji v pohodě zpracuje.
Často je v definicích tříd vidět min-height, _height a height. To zkolabuje ve FF, jelikož je mu vnucováno správné height, které se neroztáhne.