rozdiely v prehliadacoch (css)

Jakou máš verzi IE ve které to zkoušíš?
V css piš jednotky např.:<div style="width: 400px"> nebo <div style="width: 75%">.

1/na 49 řádku máš " <div id=kontajner>" vyjmi to a dej to na 28 řádek (" <!-- Lišta s reklamou --> <div id=kontajner>"). Musíš css nastavit na všechny prvky, tento prvek je z toku vyjmut.

2/zkusil bych ve stylech (79 řádek )zrušit border: 1px solid black; (sice to není to co chceš, ale bude to všude stejné). Jinak v Chrome a Mozille mi to přijde stejné (tedy až na ty rozměry)

3/délka objektu v IE je width + padding v Mozille je to pouze width padding.html a ještě se ti něco nevejde do objektu menu_vertical, ale to jsem nezkoumal co se ti tam nevejde.
Takže trochu prasácké řešení: na 76 řádek (v index.html) dej <div class=menu_vertical style="Overflow:hidden">
A v style.css v .menu_vertical zruš padding:5px 5px 5px 5px;
Tato změna ti umožní, aby se to zobrazovalo správně odsazené (lorem ipsum...) (ještě tam někde máš ztučnění textu, ale to jsem nehledal),
zároveň ti poškodí to tvoje menu vlevo. Tam bych buď použil Margin nebo div, prostě si s tím musíš pohrát.

4/nastav výšku, Mozilla nezná výšku elementu nebo tam dej &nbsp; ( <div class="obsah_obalovaci_konec" style="clear: both">&nbsp;</div>)

Pouzivam IE 8

1/ pomohlo to v IE ale stale vytrca ten jeden pixelik nezbedny.

2/ Vypada to vsade rovnako, ale asi to vratim na staru hodnotu, zistil som, ze IE aj tak tam ten 1px solid black border vykresli.

3/ takze radsej namiesto paddingu je lepsie riesit veci pomocou iba margin?

4/ dakujem, inac vysku elementu obsah_obalovaci_konec by stacilo height: 1px?

1/ me se to zda uz dobre, anebo jsem slepy
2/ na tlacitko se vykasli to je dobre spis, res ze ten input nemas stejne dlouhy na vsechn prohlizecic + to menu pod tim tlacitkem je vsude jinak zobrazeno; menu, domov forum, ... je podle me moc nahore, ...
3/ nevim jestli je to lepsi, ale ja to tak delam . Tedka ti to vypada lepe nez predtim
4/ muze a nemusi, to musis zkusit, ale tedka ti to funguje tak jak jsi chtel, jenom tam dej ten strednik, jak jsem ti psal v navodu:

<div class="obsah_obalovaci_konec">&nbsp;</div>

protoze bez stedniku je to chyba, tak treba mozilla se s tim popere dobre, ale nevim jestli vsechny prohlizece

1/ jeden pixel vpravo vytrca vonku oproti spodnej liste, aspon mne to tak ukazuju vsetky prehliadace

2/ dlzku tlacitka som uz vyriesil, jedine ma trosku stve to rozmazane pismo na tlacitko v Mozille Firefox
ano, to menu je trosku odflaknute, zaujimave je, ze ak dam pre .navkat (to je to menu) margin z bokov auto tak IE to
ako jediny zas inac vykresli

Inac, este ma trosku aj irituje to pismo, ze je v prehliadacoch ine, da sa nejako pouzit univerzalne pismo?

opakuji

V css piš jednotky např.:<div style="width: 400px"> nebo <div style="width: 75%">.

Stejně tak u nulových hodnot např.: h2 {margin: 1.5em 0px 0.5em 0px}.

1/
Máš pravdu, já si toho nevšiml, koukal jsem doleva ne doprava. Asi máš daný objekt moc dlouhý, a proto tam přebývá jeden pixel, to může být klidně orámováním, které objekty taky roztahují. Přesně jsem to ale nezkoumal, čím je to způsobeno. Třeba zmenši uprostřed to oddělení(sloupeček), to stejně nikdo nepozná že to bude o pixel kratší .

2/
width:auto; bych nepoužíval vždyť je to výchozí hodnota, když není nic nastaveno, takže je to zbytečnost (nebo se pletu width.html )

Písmo se mě líbí, ale nějaké rozdíly jsem v něm nezkoumal, ale zaměřil se na ten bug (margin). Když jsem ti předtím radil abys tam dal <div class=menu_vertical style="Overflow:hidden"> bylo to z důvodu, pač něco daný objekt rozatahovalo, a já nezkoumal co to je a prostě jsem to skryl (Však jsem také psal, že je to prasácké řešení).

Takže teď tam dáme margin: auto; jak sis přál. V index.html 76 řádek zruš to jak jsem ti radil (style="Overflow:hidden").
V souboru style.css uděláme nějaké změny, něco zrušíme, něco přidáme.

V elementu
.navkat
{
zruš:
width:auto;
margin:50px auto 5px auto;

a dej nové parametry:
width:150px;
margin:auto;
}

V elementu
.navkat li
{
zruš:
width:215px;
}

V elementu
.navclanky
{
zruš:
width:200px;
}

Poslední dva elementy to roztahovaly a já ti radil to skrýt, ta definovaná délka je tam zbytečnost, jelikož bez definování délky si to bere délku z nadřazeného objektu (v tomto případě .navkat). Doufám, že jsem to vysvětlil srozumitelně, už je na mě moc pozdě . Aspoň jsem to s tím margin pochopil tak, že jsi to chtěl na střed v různých prohlížečích). Každopádně teď je to lepší, než to bylo předtím (hlavně všude je to téměř stejné a to je zásadní), viz. příloha.
screenshot-10.jpg - IE
screenshot-9.jpg - Mozilla

Jejda to jsem se rozepsal. Na otázku

Inac, este ma trosku aj irituje to pismo, ze je v prehliadacoch ine, da sa nejako pouzit univerzalne pismo?

snad najdeš odpověď zde:
font-family.html
fonty.html