Výška prvku násobkem určitého čísla

Mám závažný problém při převodu grafického návrhu do CSS a HTML. Nejdřív ukážu kousek grafického návrhu a pak popíšu, s čím si nevím rady.



Ten výřez ukazuje logo a prostor, kde bude menu, což je ta svislá a zašpičatělá část "odznaku". Menu nebude mít předem určenou výšku - bude se automaticky natahovat tak, aby se tam vešly veškeré odkazy a všechno, co tam patří. A tady nastává problém. Zobrazení stínu dolní (zašpičatělé) části menu nad proužkovaným pozadím. Jak ho vyřešit?

Můžu použít PNG s alfa složkou. Stínu nastavím patřičně průsvitné pixely a on krásně překryje proužkované pozadí. Jednoduché a bude fungovat skoro všude. Bohužel všude kromě IE 6 a nižší (a nějakých zanedbatelně používaných prohlížečů), takže si tenhle postup nemůžu dovolit.

Nebo můžu vzít tenhle grafický návrh a vyřezat z něj určitě prvky přesně tak, jak jsou na návrhu zobrazeny. Pak je nastavím jako pozadí různým divům a nechám prohlížeč, ať si to všechno poskládá dohromady. Jenže tady nastává problém s menu. Říkal jsem, že nebude mít předem danou výšku a automaticky se natáhne podle svého obsahu. Většinou se ale natáhne tak nešikovně, že proužkované pozadí u dolní, zašipčatělé, části bude "přerušeno", bude nesouvislé a ošklivé.



Ehm, jak tohle vyřešit?

Napadlo mě nějak zajistit, aby byla výška divu s menu vždycky násobkem nějakého čísla - v tomto případě násobkem výšky "dlaždice" proužkování. Menu by se pak natahovalo podle jakési pomyslné mřížky a vždycky by se zarovnalo tak, aby proužkování v dolní části u stínu korespondovalo s proužkováním pozadí.

Jak na to? Já se bohužel obávám, že to nejde :( Na druhou stranu, z dob, kdy jsem na tuto diskuzi často chodil, vím, že tu je pár opravdu zkušených lidí, kteří by možná mohli vědět co s tím.

Předem díky za všechny postřehy a rady. Já už jsem opravdu na hranici svých znalostí.

Dero
Díky moc! Zkusím si s tím pohrát a doufám, že to bude opravdu fungovat.

Pokud jde o tu výšku, aby byla násobkem určitého čísla - nevíš, jak na to? Existuje nějaké řešení? Předpokládám, že s vyřešením alfa složky u PNG to snad nebudu potřebovat, ale stejně by mě zajímalo, jestli jde něco takového udělat :)

tiso
Nad tím jsem taky přemýšlel. Ale stačilo, aby si uživatel změnil velikost textu, nebo se někam vloudil nějaký zběsilý element s nespecifikovanými rozměry, a už by to bylo rozházené.

Zpátky k alfa průsvitnosti i v IE6:
Došlo mi, že mi je k ničemu. V tom návodu je popisovaná pro obrázky. Ne pro obrázky na pozadí prvků. Můžu zkusit, jestli to nebude fungovat i pro ně, ale popravdě řečeno o tom dosti pochybuji.

Nejspíš skončím u toho, že v zájmu správného zobrazení v IE 6 vyřadím proužkované pozadí a nechám tam jen tmavě šedivou jednolitou plochu.

Je to srozumitelný?
Ehm, není.