Autor Zpráva
jardaz
Profil
Hezký den

může mí někdo poradit, mám html stránu v XHTML 1.0 Transitional, tabulku s css table {table-layout:fixed;border-collapse:collapse}, definovanou šířku sloupce pomocí <col class="xxx"/>, v kterém je .xxx {width:80px}, ale prohlížeč IE 8 zobrazí jen 78px? Kromě toho mám td,tr {border:0px;border-left:2px solid white;padding:0px;margin:0px} a td {border-bottom:1px solid silver}. V Opeře je vše OK.

Jarda

PS: v IE 8 to vypadá, jako by border započítával do width ale Opera ne.
Miloš
Profil
To, jestli se border (ne)započítává do rozměrů (rovněž tak padding) závisí na box-modelu a souvisí s použitým !DOCTYPE.
Více na toto téma např. viz http://wellstyled.com/html-doctype-and-browser-mode.html nebo http://www.jakpsatweb.cz/css/mody-prohlizecu.html.

Pokud chceš jen přepnout způsob počítání, pak si něco najdi o vlastnosti box-sizing (respektive -moz-box-sizing u FF). Například http://www.jakpsatweb.cz/css/moz-box-sizing.html
Bubák
Profil
Pokud chceš "stovnat" více současných prohlížečů, tak takto:
* {
    box-sizing: border-box; /* Opera */
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari, Chrome */
}


Ještě jedna, o něco novější tabulka DTD a vykreslovacích režimů: http://css.interval.cz/clanky/pracovni-rezimy-prohlizecu/
Při DTD XHTML Transitional budou prohlížeče v téměř standardním režimu (v tabulkách označeno jako p-STD, nebo AS), ale přiznám, že nevím, jak se v tomto režimu počítají rozměry tabulek.
Miloš
Profil
Bubák
„p-STD“ je de facto std: http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=35232&forum=10&page=-1
Bubák
Profil
Miloš
Díky za připomenutí, pamatoval jsem si, že "Almost Standards" Mode je "něco" s tabulkou.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0