Problemer med table?

tabellen skal have 100% height

Nej, hjælper ikke..!

Jeg har aldrig fået 100% height til at virke - så tror ikke den er så enkel. Mener at man kan lave 100% height med CSS, og så virker det.

Den nemme løsning er at sætte størrelse på.

Og hvorfor bruge 3 tabeller i midten - kan du ikke bare lave 1 med 3 rækker?

hvis du bruger en tabel, istedet for 3, så kan du sætte height til 100% enten ved height="100%" eller style="height:100%"

Hmm.. Nu har jeg ændret det til én tabel, men hverken den øverste række eller nederste række er 100% i bredden, som ellers angivet i css.

Og hvortil skal jeg sætte height="100%" ..?

Her er det stykke kode, der skal kigges på:

<table class="atop" cellpadding="0" cellspacing="0">
    <tr>
      <td class="top">Top-menu</td>
    </tr>
    <tr>
    <td align="left" valign="top" width="410" class="center"><br>
Når venstre og højre er højere end midten, sidder bundlinien midt på siden.
</td>
    </tr>
    <tr>
          <td align="center" class="bund">
Alle rettigheder reserveret <a href=mailto:info@fodboldx.dk>fodboldX.dk</a> &copy 2001-2005</td></tr>
        </table>

Den nederste række skal klæbes fast til bunden..

Nårhh, der skal lige laves lidt mad, håber på nogle flere hjælpende ideer når jeg vender tilbage..

i table

Jeg bliver nødt til at smutte. håber du får det til at virke :)

<ole>

CSS forskriver, at når man sætter en relativ højde på et element (en højde i procent), skal denne udregnes udfra det omkransende elements højde. Derfor skal dette element altså eksplicit have sat en højde ... det gælder også html- og body-elementerne. Du bør med andre ord skrive:

html, body {
    height: 100;
    margin: 0px;
}

- så kan en tabel, der ligger direkte i body-elementet blive 100% høj, hvis du skriver:
    <table style="height:100%" ....>

Du kan heller ikke skrive:
    <div>
        <div style="height:100%">Dette duer ikke</div>
    </div>

- men du kan godt skrive:
    <div style="height:300px">
        <div style="height:100%">Dette duer til gengæld</div>
    </div>

/mvh
</bole>

Hmm.. Jeg har prøvet lidt, men har bare et problem, både venstre-menuen og midten har en variabel højde, alt efter udtræk fra en db, så jeg kan ikke sætte midten lig en bestemt højde, da venstre-menuen måske bliver endnu større ved et andet udtræk..

Kan du ikke sætte en højde på et element, kan du ikke bruge 100%'s højde på et child-element ... simple as that  :)

- du må altså foretage nogle design-ændringer, hvis du ikke kan ændre på det andet

Ok.. Kan det lade sig gøre at sætte en minimum-højde på elementet i midten og lade højden vokse, hvis venstre menuen bliver højere.?

Et element skal have en fast højde - eller kan have en relativ højde, hvis højde på det omkransende element eksplicit er sat. Ellers ikke.
Vil du noget andet, skal du ud i at scripte dig ud af problemerne - men design, der er baseret på script er sjældent en god idé

olebole vil du have point?

- så pyt da  ;o)
Hvordan fik du i øvrigt løst problemet?

Det fik jeg ikke, men jeg tror bare jeg lægger en ny række nedenunder.. Det er vel det nemmeste :D