Dogabany layout aj v IE

Caute chalani, davam web pre jednu chatu dokopy a mne osobne to na všetkych prehliadač zobrazuje správne, ale keď si tu stranku otvorim v IE na svojom notebooku, tak mi rozhadžeš divy... Takisto mojmu grafikovi to na Macu taktiež rozhadzuje, mohli by ste sa pozrieť, kde je problém?

Web som zatial nahodil tu -> http://ekotrim.sk/chata_web_v2/index.html

Problem -> http://i47.tinypic.com/2s6lvls.jpg

Mohli by ste prosím vás pozrieť na zdrojový kod a povedať mi, kde je chyba, poprípade čo robím zle? Mám také tušenie, že bude niekde problém s padding/margin, ale nie som si tým istý.

Za pomoc vopred Ďakujem!

Mám pre teba dobrú správu - je to rozbité aj vo Firefoxe, takže IE ti to zobrazuje správne

Otváram to u seba aj v mozzile aj vo firefoxe aj v opere aj v IE a zobrazuje mi to správne, no na NB to je nahovno, idem skusiť sa nejako s tým pohrať :-\

shaggy nevieš mi poradiť stránku, kde by som sa poriadne naučil robiť layout? dakujem

www.jakpsatweb.cz - ale nečakaj, že ti niekde napíšu "takto sa poriadne robí layout". Budeš sa musieť učiť správne postupy a časom to bude lepšie.
Teraz pozerám tú stránku, už vyzerá byť takmer opravená, takže si na to prišiel. Pár rád ktoré mi napadajú:
- nedávaj netabuľkové dáta do tabuliek (tie tri stĺpce s odkazmi)
- nerob odkazy cez javascript. Prečo tá mapa hore nie je vložená v odkaze? A prečo odkazuje na sport.sk?
- nedávaj fixnú výšku bloku, ktorý obsahuje veľa textu (a hlavne ak hrozí, že text odtiaľ vylezie) - ten hnedý box s textom o Ubytovaní je moc krátky, text dole z neho vyteká
- nechápem, prečo si tomu boxu s Ubytovaním dal hnedé pozadie ako obrázok, keď stačilo použiť farbu.
- predpokladám, že na tom robíš, ale uvedomuješ si, že formulár nemáš v tagu <form> a že ti chýba button, však? + celý ten kód je fuj, chýbajú ti label-e pri formulári, veľa vecí dávaš zbytočne ako obrázok (dúfam, že ten telefón a email v pätičke prerobíš na text).
- jquery tam potrebuješ (mám pocit, že ho voláš dvakrát)? Veď tam nie je žiadna js funkcionalita.
- na konci nepárových tagov (img, meta, br a pod.) sa nepíše lomítko /

V html5, co je jeho pripad, sa lomitko na konci neparovych tagov pisat moze, nie je to chyba.

1daemon1 - ešte mi chvíľu vysvetľuj, ako to chyba nie je. Ja tam vidím napr. HTML4.01 (tým ti chcem ukázať, že prehliadač nerozlišuje verziu) a v html odjakživa platí, že tag môžeš ukončiť dvoma spôsobmi:
<tag>
alebo
<tag/
Tým pádom je tento zápis:
<tag /> dvojité ukončenie. Aj keď si s tým prehliadače poradia (musia, kvôli pár nerozmýšľajúcim ľuďom, ktorí majú na starosti špecifikácie), tak to nie je správne a je lepšie sa naučiť písať kód správne.

shaggy zabudol som ti podakovať. Vačšinu vecí, čo si napísal som sa snažil opraviť a vznikla výsledná podoba www.chatadajen.sk. Šlape to vo všetkych browseroch tak ako má ... Dakujem ešte raz

chlape, ale vyzera to dost blbo, myslim kvalita webu
ten kod to iste, ako z roku 2000, zopar divov, a tabulky v nich, weby sa uz pisu inak
zobrazenie uz je ale OK aj v IE

shaggy: tu weby nehodnotíme, tak prosím rieši iba konkrétnu otázku

Ked kritiku tak konštruktivnu ... rad si ju vypočujem, ale mne osobne sa to páči, sam neviem povedať, čo je na tom old

Nebudem hodnotit web, kedze to nie je vo webdesigne. Kod tiez nebudem rozoberat radsej. Ale ako z r. 2000 zas nie je. Aspon k tym tabulkam, co pisal baumax, nahradil by som ich za klasicke zoznamy <ul> .
Ja to mam v najnovsom Firefoxe rozpadnute. Mam to sice zapnute v Ubuntu, ale takyto jednoduchy layout by sa mal zobrazit vsade na 100%.
Polozka kontakt mi vyskakuje z priestoru pre menu a pokial scollujem dolu a spet, kukni:
http://img541.imageshack.us/img541/8139 ... 301292.png

Ja nechapem prečo to menu vyskakuje... Ked som ho zarovnal na stred tak vyskakovalo, potom som ho cez margin upravoval skoro na stred a potom to sedelo, no nič budem sa musieť na to pozrieť a opraviť to, každopadne dakujem.