IE és a táblázatok

Webes munkákban a templatek készítését gyűlölöm a legjobban. Addig nincs probléma amíg megcsinálja az ember a grafikai tervet, és azt felvágja, kigyüjti a megrendelő kedvenc bugyirózsaszínjének a kódját, stb. az igazi szívás akkor kezdődik amikor mindezt webes formába kell gyűrni.
Böngészők inkompatibilása olyan sokrétű tud lenni, hogy az ember ösztönösen magzatpózt akar felvenni.
Példának okáért vegyünk csak egy egyszerű példát:
Szeretnénk egy egyszerű táblázatot ami szép csicsás grafikai elemekkel van körbepakolva. Mivel azt szeretnénk, hogy ne csesszünk el órákat azzal, hogy 3 böngészőnek megmagyarázzuk, hogy bizony középre szeretnénk illeszteni egy szöveget, használjunk egy egyszerű táblázatot.
Igen tudjuk, a táblázat, gonosz, nem trendi, stb. de tegyük fel, hogy most ezzel szeretnénk csinálni.
Tehát a táblázatunk kódja valahogy így fog kinézni:
IE inkompatibilis kód

Mint látható, szép, tiszta, olvasható kód. Firefox és deriváltjai alatt szépen meg is jelenik a táblázatunk, a grafikai elemek élre illesztve, ahogy a nagy HTML gumimacikódexben le van írva.
Explorer alatt, viszont minden egyes táblázatsor között kihagyás van, a fejléc hátterében lévő kép ismétlődik.
Mi a hiba oka? Csak annyi, hogy a Microsoftos fiúk a kód renderelésénél úgy vették, hogy minden egyes meg nem jeleníthető karatert space-é kell átalakítani.
Tehát "helyesen" a kódunk:
IE kompatibilis kód

Erre szokták azt mondani, hogy fasza....

Stay tooned...

Hozzászólások

piha. ez olyan csúnya hacknek tűnik IE fejlesztők részéről, hogy rosszhiszeműen quirks mode-ot feltételezek;)
amúgy mintha internet explorerbe már lehetne xslt-vel xml-t etetni... és egy xml-lel már csak nem csinálja meg ugyanezt:)

—-—-—
int getRandomNumber() {
	return 4;//szabályos kockadobással választva.
}		//garantáltan véletlenszerű. xkcd

Jól értem, az a különbség, hogy van ahol betördelted és van ahol nem; valamint hogy a TD elemeket egy sorba rakod-e vbagy nem? Mer' olyan hihetetlennek tűnik ...

Hmm.. biztos?

IE Standard Compliance es Quirks mode mond valamit? (En sem vagyok benne biztos, de mintha azzal megoldodna a problemad...)

Nekem első körben az jut eszembe, hogy nem lehetne-e megmondani ezeknek a celláknak, hogy a tartalmukat ne jelenítse meg a browser? Hátha egy egysoros css beállítás segítene.

Neeem, nem csalunk CSS-el. Itt egy egyszerű, szimpla táblázatról van szó.
A CSS implementációja a böngészőkben majd ugyanolyan gány mint a HTML-é. Épp ezért is szoktam mondani, hogy: "A CSS használata olyan, mintha egy pöcegödör kimeréséhez felvennénk egy szarral teli gumicsizmát. Ugyanúgy benne tocsogunk a fekáliában, de legalább szorít is."

--
"Maradt még 2 kB-om. Teszek bele egy TCP-IP stacket és egy bootlogót. "

akkor en a sortoresek megtartasahoz a html kommentet szoktam hasznalni :)
igy: http://pastebin.com/m76a05448

igy a formazas is megmarad tobbe-kevesbe es IE is szereti :)

amugy css-el kb minden megvalosithato keves kivetellel hakkolas nelkul - igaz nem keves gyakorlat kell hozza, de megoldhato - sot, ha designer is vagy, vagy van beleszolasod, akkor tudod ugy csinalni a designt, hogy ne szivj vele sokat, de megis szep legyen :)

--
x-plane :: hu | x-economy | Antonov An-2 cockpit

De, de Hiena szerintem egy agyoncicomazott - tablazatot akart beszurni. Vannak dolgok, amiknek tablazatban a helyuk, peldaul valami kimutatas tablazatanak. Itt is valami ilyesmi dologrol lehet szo.
--


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

Használtál volna CSS-t, ott háttérképet, és csókolom ;)

Egyébként ahogy észrevettem, csomó HTML/CSS kódoló szándékosan szopatja saját magát olyan dolgokkal, amik elvben tök jó dolgok lennének, gyakorlatban mégis necces a használata. Többek között a position és társaira gondolok. Sok helyen látom, ahol egyszerűbb lett volna margin/padding* -l megcsinálni és még szét se esett volna

(*figyelve az IE6 padding fogyatékosságára)...

----------------
Lvl86 Troll

ahhoz ismerni kene a css-t rendesen, a lehetosegeit.. dehat azt sem 2perc megtanulni, igy marad a pozison, mer "ah, oda jo az"... (es en spec ott helyben tornem el kovacsullovel az osszes kis ujjacskajat, hogy tobbe bill-en ne tudjon gepelni ;])

--
x-plane :: hu | x-economy | Antonov An-2 cockpit

igen, egeszen addig mig szep sorban bele nem futsz a bongeszok kulonbozo viselkedesebe margin/padding teren :)
...es ehhez sajnos ido es gyakorlat kell, hogy kb minden a fejedben legyen es eleve ugy allj neki egy oldal megtervezesenek, hogy ezeket mind-mind figyelembe vedd

--
x-plane :: hu | x-economy | Antonov An-2 cockpit