Autor Zpráva
hynek
Profil
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
Pro IE použij podmíněné komentáře.
Trejpa
Profil
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0