záhady a taje XHTML

Teda, ono to s tím možná nesouvisí, ale zas... ať přemejšlim jak přemejšlim - nenapadá mě jinej důvod...
Prostě: změnila jsem doctype všude kromě indexu a koukněte, jak se to rozhodilo (banner, menu), index jsem nechala se starým (špatným) doctypem a je v pohodě. Teda alespoň v IE, páč nemám teď možnost na to kouknout v něčem jinym...

IE zřejmě novějším doctypem přepnul z quirku do standardního vykreslovacího módu.

http://www.jakpsatweb.cz/css/mody-prohlizecu.html

No jo, ale mně se rozhodilo posazení horního a dolního menu - čili dva divy, a to konkrétně tak, že horní se posunul nahoru a dolní dolu... nechápu :(

Zjistila jsem, že můj problém tkví v tom, že mi v IE skočí celý div 'obal' (nebo jiný důležitý) asi o 5px níž, než ve FF a tím se rozhodí pozice toho menu (který se neposouvá, což dost dobře nechápu). Nevíte, co s tím?

#obal {margin: auto; width: 646px; position: relative}

#obal2 {width: 646px; background-image: url('pozadi1.gif'); text-align: center; margin: auto}
#stred {float: left; text-align: left; width:646px; background-image: url('pozadi1.gif'); margin: auto}
#banner {width: 632px; height: 320px; background-image: url('banner.jpg'); background-repeat: no-repeat; margin: auto; overflow: hidden}
#banner1 {width: 622px; height: 190px; text-align: right; margin-top: 5px}
#banner2 {width: 632px; height: 120; text-align: left; margin-left: 5px}

Dík.

A další věc je, že v IE se mi zobrazuje širší banner. Když použiju ten podtržítkový hack, tak se nic nemění :(

#banner {height: 320px; width: 632px; _width: 622px; background-image: url('banner.jpg'); background-repeat: no-repeat; margin-left: 7px;}

Podtržítkový hack se používat vůbec nemusí, je to super, je to tady http://css.e-sign.cz/finty/podminene-komentare ;)

Super! Sice teď nemám možnost to vyzkoušet, ale myslim, že mi to dost pomůže. Díky moc :)

ten problem s velikostmi v IE a FF je v tom, ze IE trochu jinak pocita velikosti a pozice, takze pokud neco presne napozicujes pro IE, tak se ti to vzdycky zobrazi jinak v FF a naopak.

Já chápu, jak to IE počítá, ale jde o to, že to neumim vyřešit tak, abych měla dvě různý šířky pro dva (tři) prohlížeče. Ale ta css finta zdá se býti dobrým řešením...

Ale teď mi vlastně došlo: kdybych v budoucnu chtěla mít různý volitelný styly - tim pádem různý css soubory, tak s timhle by byl dost problém, ne?

ale tim nevyresis problem delky v IE/FF. Muzes si vybrat ruzny styl ale bude vzdy stejny pro IE i FF.
Slo by to resit:

1)linkovanim stylu zvlast pro IE a FF pomoci PHP.

nebo

2) detekci prohlizece pres JS a konkretni upravou stylu pres JS

Chybný box model, stejně jako jiné vady IE, jde vyřešit mimo jiné CSS hackem. Žádný Javascript není potřeba.

Pokud jde jenom o box model, nejlepší imho je řešit ho matrjoškou.
To znamená, že prvek s přesně daným rozměrem bude mít nastavenou jenom width (nebo i height), ale žádné paddingy ani marginy (nahoře a dole nebo po stranách, podle toho, jestli jde o pevnou výšku nebo šířku). K různému počítání v IE a Mozille tedy nedojde.
Všechny vnitřní a vnější okraje zařídí ostatní prvky, které žádný daný rozměr nemají.

http://pixy.cz/pixylophone/2003_08_archiv.html#1061885333

Ještě bych dodala, že použití matrjošky nemusí nutně vést k "předivování" - kdykoli to jde, stojí za to použít už existující prvky.

Pokud někomu jde o skutečně vyčůrané oddělování prohlížečů, dobrá je tabulka @import hacků: http://imfo.ru/csstest/css_hacks/import.php

Ale z vlastní zkušenosti vím, že udržovat různé stylopisy pro různé prohlížeče stojí čas a nervy. Lépe se tomu vyhnout.

Freya: Super, dík, pomohlo mi to vyřešit jak banner, tak ignoraci paddingu horních odkazů v IE :)
Teď ještě ta pos... reklama a bude to v cajku, haha :)