Div 100%?

Hvorfor vil du have den til at udfylde i højden ?-)

Hvad med i stedet:

<td style="padding-left:10px; padding-right:20px; width:180px; text-align:left; vertical-align:top; border:1px solid #CDC5B7; background-color:#EFEBE7;" class="tekst">
  <div style="padding:10px; height:100%;">Blabla... osv.</div>
</td>

-- problemet er nemlig, at relativ størrelsesangivelse skal tages af det nærmest omkransende elements angivne størrelse, og da det ikke har en angivet højde virker det selvfølgelig ikke ...

Nope, det er div'en der skal have baggrundsfarve og border :-)

Grunden til at jeg vil have den til at udvide sig i højden er, at td'en indeholder højremenuen i mit design. Div'en udgører selve højremenuen (Jeg har slettet indholdet for at gøre koden mere overskuelig her på E).

Jeg vil have at div'en går helt ned til bunden af td'en uanset hvor høj td'en er, af hensyn til designet...

Apo

"-- problemet er nemlig, at relativ størrelsesangivelse skal tages af det nærmest omkransende elements angivne størrelse, og da det ikke har en angivet højde virker det selvfølgelig ikke ..."

Hmm... Har du forslag til hvordan jeg så laver det?

Skal jeg gå over til at bruge et <table> i stedet for en div, eller findes der en bedre løsning?

Eneste måde, jeg kan se, at du kan gøre det, er så med javascript, men det er ikke så godt at forlade sig på det, når det er den slags !-)

<script type="text/javascript">
function resizeDiv(){
  document.getElementById("divId").style.height = document.getElementById("tdId").offsetHeight + "px";
}
window.onload = resizeDiv;
window.resize = resizeDiv;
</script>

Jeg vil helst undgå at lave det med javascript...

Men når det ikke kan laves med en div, betyder det at jeg skal til at omstrukturere mit design :-/

Ja, så er det nok tabellen ...

Kan det laves med en tabel i td'en?

<ole>

"-- problemet er nemlig, at relativ størrelsesangivelse skal tages af det nærmest omkransende elements angivne størrelse, og da det ikke har en angivet højde virker det selvfølgelig ikke ..."

- det gælder alle elementer, så det er ligemeget om det er en knap, en tabel eller et div, du hælder ind i cellen. Skal elementet fylde 100% af cellens højde, skal cellen have sat en højde.
Ellers er der jo ikke noget at beregne de 100% udfra ... 100% af hvad?  ;o)

/mvh
</bole>

"100% af hvad?"

Ja, det lyder egentlig logisk nok når du skriver det på den måde, Ole :-)

Jeg var kommet ud på et sidespor, og har derfor besluttet mig at droppe div'en som højremenu... Resultatet bliver meget bedre ved at anvende den <td> jeg i forvejen har, som højremenu (I stedet for en div). Derefter kan jeg let styre mellemrummene, mellem cellerne, med margin i stedet for med padding (Inde i cellerne)... Desuden kan jeg skære en del kode fra på den nye måde.

Formålet med spørgsmålet her var også at finde ud af om jeg gik rigtigt til værks i min opbygning af HTML'en, hvilket jeg så ikke gjorde (Det ved jeg så nu :-) )

Roenving, jeg vil gerne give dig points for din hjælp, og fordi jeg nu ikke behøver at bruge tid på, at rode med en halv-umulig kode. Smit et svar så er der points :-)

Apo

Hov...

Ole, du skal da også have points da det var dig der fik den sidste brik til at falde på plads med din forklaring. Smid et svar hvis du vil have points, så deler jeg pointene i mellem jer :-)

Apo

Ellers tak, men jeg synes, de bør tilfalde roenving. Han havde gjort ganske forbildedligt rede for problemet ... jeg skrev præcis det samme, men var åbenbart heldig at snuble over en vending, der tændte gnisten  ;o)

Så tilfalder pointene Roenving :-)

Selvom ole faktisk tilførte noget, så vil jeg da sige: velbekomme '-)

Tak for hjælpen, og værsågod :-)

// Lukker

Apo

-- og jeg takker for point ;~}