xhtml + böngészők + validator

Úgy gondoltam, haladva a modern időkkel, átalakítom a cms-em doctype-ját xhtml-lé. Természetesen az egytagú elemek mögé /-t raktam, nagyon más nem is kellhet. Ráeresztettem validatort, szerinte jó. Aztán megnéztem Seamonkey-ben. Szétcsúszik az oldal, teljesen rosszul jelenik meg. Hát megnéztem mégegyszer validatorral, abban valid. Hát jó, nézzük meg ie-vel. Abban is szétcsúszik az oldal, csak máshogy. Mert seamonkeyben vízszintesen, ieben meg függőlegesen csúszik. Visszaalakítom doctype-ot, seamonkeyben jó. (Ieben nem, de rájöttem, hogy eddíg egyszer sem teszteltem benne... :/) css validatort is néztem, abban mindíg valid... Mi lehet még, amit xhtml 1.1 esetén máshogy renderel a böngésző, mint html 4.01 esetén?

Ja operában is sima html-lel jó, xhtml-lel összecsúszik...

Rájöttem mi a gáz ieben: van egy rész, ahol 3 div van egymás mellé rakva és a 3. és ie vmiért a 100%ot úgy értelmezi, hogy ha megjelenik scrollbar, a 100% szélessége akkor sem változik, de érzékeli, hogy az oldal már nem annyi, ezért a jobb szélső div leugrik. Még szerencse, hogy x.9 %-ot is elfogad és azzal már jó... :)

Hozzászólások

Link? Akkor tudnánk segíteni...

Ezer dolog lehet amit másképp értelmez a böngésző más módban. Csinálj egy alap keret html-t és építsd újra az új doctype-pal.

Használd a position paramétert.

--
A nyúl egy igazi jellem. Ott ül a fűben, de akkor sem szívja!

Gondolom arra gondolsz, hogy ne táblázattal legyenek a boxok elkészítve. Anno feltettem prog.hu-n a kérdést, hogy ezt hogy lehet. Volt néhány működő megoldás, de ezt senki nem linkelte. Kipróbálom, hátha meg tudom csinálni...

Nagyjából annyi, hogy:


[20][flexible][20]
[f ][f       ][f ]
[l ][ l      ][l ]
[e ][  e     ][e ]
[x ][   x    ][x ]
[i ][    i   ][i ]
[b ][     b  ][b ]
[l ][      l ][l ]
[e ][       e][e ]
[20][flexible][20]

Szóval vannak fix szélességű és/vagy magasságú részek és változó méretű részek. Ezt nem tudtam megcsinálni divekkel....

És mi van ha a középső rész túlfut a böngészőablakon? Akkor is ottmarad az alsó div a lap alján, vagy megy a tartalommal együtt ha görgeted?
Ezért kell a középső részt valahogy úgy megoldani hogy overflow:auto, és a felső meg alsó div-eket annyival keskenyebbre méretezni hogy elférjenek a gördítősáv elemei. Plusz fentről, lentről a fenti lenti offsetek hozzáadása a középső részhez.

Az img-ekhez vertical-align : top; es a masodik tablazatot korbefogo div-hez clear:left; ugy nezem rendbehozza, de firefox, opera alatt fuggolegesen nem tolti ki az oldalt.

float-s részek után szúrj be egy

<div style="clear: both;"></div>

sort. Önmagában floatolás nem elég. Utánna "el kell vágni".