Dotaz jsem vložil i do jiné části fóra, ale tady je víc živo.

Pustil jsem se do úpravy webu naší školy. Prvním krokem je předělání layoutu do CSS. Vše vypadalo slibně do chvíle, než jsem web zobrazil v Mozille.

Části stránek (bloky a jejich obsah) mají definovanou pozici např.

<div style="position: relative; font-weight: bold; top: 7px; left: -250px; font-size: 10px; padding: 0px 0px 0px 0px; width: 410px; height: 15px;">XXXXXXXXXXX</div>

nebo:

#horni_menu2 {
background-image: url("obrazky/horni_menu2.gif");
background-position: top center;
background-repeat: no-repeat;
border-top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 100px;
}

Když jsem v IE nastavil hodnoty top a left tak, aby byl obsah na potřebném místě, je to v Mozille jinde. Kde je chyba.

Už jsem našel něco na netu ohledně margin a nutnosti použít hodnotu auto. V některých případech to pomohlo, ale jinde ne. Správnou verzi najdete zde (http://www.1zsostrov.cz/verze2.png), chybná z Mozilly je tady (http://www.1zsostrov.cz/verze2.png) - jedná se o rozpracovanou podobu webu (obsah budu řešit až následně).

Díky za pomoc, případně za radu, kde je tato problematika dostatečně vysvětlena na netu.

Martin Fous [http://www.zsjvm.cz]

Tak jsem zvládl upravit horní část stránky a bojuji se spodkem. Na svém PC s rozlišením 1280x800 to vypadalo dobře, ale u kamaráda byl spodek rozhozen.
Pokud jsem v IE 7, který používám, změnil procenta zobrazení (v dolním pravém rohu) na 125, dopadlo to stejně jako u kámoše. Netušíte, kde je zakopán pes?

Martin Fous [http://www.zsjvm.cz]

CSS je jedna veľká alchýmia... je zložité a bezproblémovo používať na pozicovanie sa dá až od určitej (vysokej) úrovne znalostí :-(
Odporučil by som použiť niektoré hotové riešenie 3-stĺpcového CSS layoutu a upraviť ho. Inak bude treba veľa študovať - tých vecí kde by mohla byť zrada je totiž veľmi veľa, zvlášť pri trojstĺpcovej variante CSS layoutu. Zlaté tabuľky.

skús pozrieť napr. tento thread a výsledné riešenie s ukážkami.
[http://www.phprs.net/forum/read.php?5,16870]
Nejak takto by mala vyzerať ukážka problému, inak tažko niekto poradí konkrétne.