Prosim pomagajte pri večih DIVih in CSSju

Prosim, če mi pomagate. Imam naslednji problem. Tukaj je link. No gre za čisto preprosto zadevo (izgleda ne zame). Vse skupaj si malo povečajte (ctrl++).

Desno imate rdeč div, ki je v bistvu 'vrhnji' div, ostali so vsi v njem. Torej je to rdeče ozadje še za vijoličnim in zelenim.

Vijola je vsebina in je pač toliko širok in visok kot je (odvisno od vsebine). Tisti zgoraj v kotu (zelen) je v redu (5x5px).

Sedaj pa bi rad tam, kjer je rdeča še vidna, en div (ki je že v kodi, samo se ne vidi), ki bi zapolnil to rdečino. Se pravi bi bil pod zelenim, isto širok kot zeleni (5 px), visok pa spet odvisno od vsebine.

Je to možno? Kako bi se to naredilo. Imate kako idejo.

V CSS je verjetno tudi kaj preveč napisano. Nimam toliko znanja, da bi to napisal. Bol se igram in spreminjam nastavitve, pa če rata, pač rata.

Se že za vnaprej zahvaljujem.

Lp

da se resit z divi.

zunanji div mora imeti lastnost:

position: relative;

nato pa das zgornji desni 5x5 okvircek notri tako:

width: 5px;
height: 5px;
position: absolute;
top: 0px;
right: 0px;

ce imas se spodnji 5x5 okvircek, je koda zanj taka:

width: 5px;
height: 5px;
position: absolute;
bottom: 0px;
right: 0px;

za bar med njima pa je koda taka:

width: 5px;
position: absolute;
top: 5px; /* odmik od zgoraj, ker je tam 5x5 okvircek */
bottom: 5px; /* ce imas se spodnji okvir, drugace pride tuki notr 0px... */
right: 0px;

tako bi se ti moral srednji div raztegnit


//edit:
vsebinski div pa naj ima:

margin-right: 5px;

Wow, pa res. Vsaka čast!
Sem na hitro ocenil, da je to problem dveh stolpcev, kjer sta oba iste višine... razlika je le ta, da ne veš, v katerem bo več vsebine. Morata pa biti pravilno renderirana, torej tudi z ozadji... Tukaj sem pa 99% da ne gre :S

heh...nekako se mi je zdelo da bi rad sence implementiral

to je tudi pri meni dokaj pogosta praksa...

Jap. Sem probal ja, in ne dela. IE6 se marsikaj drugega ne podpira, tako da sem ga kar skenslal z liste podprtih brskalnikov.