[HTML, CSS] Problém s výškou tabulky, resp. buňky

[josefec]

Na téhle stránce mi nějak blbne to levé menu. Mělo by mít spodní okraj v rovině se spodním okrajem pravého rámečku (obsahu stránky).
http://karel.miliweb.net/other/trial
Problém tkví asi v tom, že moderní porhlížeče jako jsou Firefox či Opera načítají nejprve DOM dokumentu a pak teprve jeho obsah, nebo dokonce používá DOM z minulého načtení stránky (tzv. DOM cache). Tzn., že se v podstatě zobrazí nejprve grafika a pak teprve se načítá text v tom pravém rámečku, ale výška levého sloupce (menu) se již podle délky textu nepřekreslí, protože DOM je již načten. Jediný prohlížeč, ve kterém to spolehlivě funguje, tj., že se levý sloupec vždy prodlouží podle pravého rámečku je IE, který nejprve načítá obsah, no zkrátka to dělá jinak a z dnešního profesionálního hlediska asi špatně.
V Opeře se to zobrazí vždy špatně, tj., že levý sloupek je dlouhý jen tolik, kolik je v něm obsahu. Ve Firefoxu se to zobrazuje občas dobře, občas špatně.

Ten vzhled je udělaný přes tabulky, připadalo mi to nejschůdnější. U toho levého sloupku je v podstatě height na 100%, takže by se měl prodloužit podle pravého. Neděje se tomu tak pravděpodobně z výše uvedených důvodů.

Byl bych moc rád, kdybyste se někdo třeba mrknul na zdroják. Předem děkuji za pomoc.

[PiT]

Vo FFoxe sa mi to tiez zobrazi spravne...

Preco nekydnes tie spodne dva stlpce (menu vlavo a obsah vpravo) cele do jednej tabulky

Preco tam mas X vnorenych tabuliek? Staci jedna - dve...

[josefec]

To, že se to zobrazí ve Firefoxu správně je mýlka. Vypadá to tak, ale po chvíli brouzdání se levý sloupec začne chovat všelijak a někdy je dlouhý správně, někdy krátký.
Ano, tuto otázku jsem si taktéž položil a otestoval jsem, co to udělá, pokud to dám do jedné tabulky s použitím rowspan a colspan. Pak by se totiž vše odehrávalo v závislosti na obsahu pravého rámečku, tedy obsahu stránky. Výsledkem byl ještě větší nesmysl, který fungoval jen ve Firefoxu správně, jinak nic.
Měl jsem to asi tímto způsobem:

V tom sektoru 1 byla vložena tabulka s těmi vrchními obrázky, ve kterých je část loga atd. V sektoru 2 už byl přímo obsah menu a výška tohoto sektoru se měla zvětšovat podle obsahu celé stránky.
Nebyl jsem ale schopen donutit prohlížeče, aby udržely pevnost těch nastavených výšek v levém sloupci (tj. sektor 1 a spodní linka grafiky stránky) a ten prostřední v tom levém sloupci (tj. sektor 2) roztáhly do zbytku výšky tabulky. Standardně se totiž roztahoval sektor 1, což jsem nechtěl. Povedlo se mi to jen ve Firefoxu; v IE a Opeře nikoli. Nevím proč, ale zkrátka to nefungovalo, i když jsem si už myslel, že to je jasná cesta k úspěchu.

[PiT]

Ak mas pevnu sirku, tak viac ako toto nepotrebujes:

[josefec]

Ano, to pochopitelně. Ale pokud budu chtít změnit šířku stránky, tak budu muset předělávat celé obrázky atd. Myslím, že udělat celý ten vršek jako jeden obrázek pozadí, to samé vlevo a dole by nebyl zrovna nejlepší nápad.
A moc nechápu, jak podle toho vašeho nákresu uděláte, aby se to menu roztahovalo na výšku podle výšky toho rámečku vpravo.

[PiT]

Tak napis, co vsetko ma byt premenlive

[josefec]

Já neříkám, že ve finální verzi budu každý týden měnit šířku stránky, ale takhle přece nemůžu dělat grafiku, že vytvořím nějaké pozadí a do něj se nějak budu pokoušet dát obsah.
Takhle se navíc šetří spousta dat, protože ty všechny okraje těch ploch s tím stínem se načítají jen jednou pro všechny ty plochy.

Prakticky se tedy šířka měnit nebude, ale rád bych si tam nechal tu možnost to jednoduše změnit úpravou CSS stylu a ne předěláváním všech obrázků na stránce.

[PiT]

Já neříkám, že ve finální verzi budu každý týden měnit šířku stránky, ale takhle přece nemůžu dělat grafiku, že vytvořím nějaké pozadí a do něj se nějak budu pokoušet dát obsah.

Nikto ti tu nepovedal, ako tie obrazky tam chcem porozhadzovat. Nacrtol som ti najjednoduchsie mozne riesenie rozhodenia tabulky.

Takhle se navíc šetří spousta dat, protože ty všechny okraje těch ploch s tím stínem se načítají jen jednou pro všechny ty plochy.

ked z toho spravis GIF, tak nemas absolutny problem... schvalne si skus spravit jednofarebny GIF 1024x1024 a uloz ho, aky bude velky

Prakticky se tedy šířka měnit nebude, ale rád bych si tam nechal tu možnost to jednoduše změnit úpravou CSS stylu a ne předěláváním všech obrázků na stránce.

Preto som ti povedal, aby si definoval, co vsetko chces mat pohyblive... Ci aj sirku tabulky s menu alebo len sirku nadpisu + textovej oblasti.

[josefec]

Nikto ti tu nepovedal, ako tie obrazky tam chcem porozhadzovat. Nacrtol som ti najjednoduchsie mozne riesenie rozhodenia tabulky.

Moment, možná už to chápu, teoreticky bych mohl do toho vrchního vložit to, co tam mám teď, tedy další tabulku.
Ten uplně spodní řádek bych obdařil tabulkou, ve které už bych si nějak poradil.
A ve výsledku by pravděpodobně fungovala i ta prostřední část tak, jak to chci.
Stačilo by vlastně pár drobných úprav.

ked z toho spravis GIF, .....

Místo GIFu používám PNG.

Zatím moc děkuji, zkusím to rozdělení, jak jste mi poradil. Mě totiž nenapadlo, že ten uplně spodní řádeček grafiky bych mohl umístit do jednoho řádku té základní tabulky uplně dolů. Tím se vyřeší řada problémů a pravděpodobně to bude fungovat. Kdyby ne, tak se ještě ozvu.
Ještě jednou moc děkuji.

[josefec]

Tak jsem to celé upravil.
Bohužel se mi tam teď ukázala v IE jakási mezera. Jinak to funguje v pořádku.
Viz http://karel.miliweb.net/other/trial