Autor | Zpráva | ||
---|---|---|---|
hynek Profil |
#1 · Zasláno: 27. 4. 2010, 18:24:31
dobrý den.
mám problém s vyladěním vzhledu kapelového webu.. kockyneberem.cz záhlaví je jinak v každém prohlížeči a menu je také posunuté v IE jinak. a na IE nefunguje margin-top.. poradí mi někdo, jak nastavit na různých prohlížečích css tak, aby všude byl vzhled stejný? díky |
||
Miloš Profil |
#2 · Zasláno: 27. 4. 2010, 20:59:08
Pro IE použij podmíněné komentáře.
|
||
Trejpa Profil |
#3 · Zasláno: 27. 4. 2010, 21:54:48 · Upravil/a: Trejpa
hynek:
Vytloukáš klín klínem. Na základní strukturu stránky použij normální rozvržení. Žádný záporný margin, podmíněné komentáře ani jiné hacky nepotřebuješ. <body> <div id=vse> <div id=hlavicka>…</div> <div id=lmenu>…</div> <div id=obsah>…</div> <div id=pmenu>…</div> <div id=paticka>…</div> </div> </body> body {text-align:center} #vse {text-align:left;margin:0 auto;width:1000px;background:url(pruhy-mezi-sloupci.png) repeat-y} #lmenu,#obsah,#pmenu{float:left;width:250px} #obsah{width:500px} #paticka{clear:left} Jak to funguje: Stránka je obalena do #vse, který má požadovanou šířku a je vystředěn (text-align a margin). Jednotlivé sloupce mají nastaveny šířky tak, aby se do #vse vešli. Každý sloupec má nastaven float: left. Patička plavání ukončuje pomocí clear. Zdání stejné výšky sloupců je dosaženo vhodným pozadím v bloku #vse. Pro sjednocení box modelu použij třeba matrjošku nebo rovnou použij (podle IE quirku) okrajový box model: * { -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } |
||
Bubák Profil |
#4 · Zasláno: 27. 4. 2010, 22:31:29
Tohle v žádném prohlížeči nefunguje, Opera "bere" box-sizing:
-o-box-sizing: border-box; Netuším, zda je vhodnější -khtml-box-sizing, nebo mnou používaný -webkit-box-sizing. Safari a Chrome "bere" obojí a Konqueror(y) se mi teď nechce testovat. |
||
Časová prodleva: 14 let
|
0