Keskustelu: Nettisivujen teko: Taulukko, div ja näiden mitat

Tällaista olen miettinyt:

<table width="60%" height="100%">
  <tr>
    <td height="30%">Valikko</td>
  </tr>
  <tr>
    <td height="60%"><div>DIV elementti jossa vierityspalkin pitäisi näkyä tarvittaessa. Eli overflow?</div></td>
  </tr>
  <tr>
    <td height="20%">Muuta tietoa</td>
  </tr>
</table>

Eli tuossa keskimmäinen solu venyy näytöllä 60% ja sen sisällä oleva DIV pitäisi saada venymään saman verran. Tuon solun sisällä on DIV vain sen takia että saan vierityspalkin tuohon keskimmäiseen soluun.

Siis onnistuuko tämmöinen mitenkään?

Haluutko saada ton divin siis venymään leveyttä vai korkeutta?

<div id="valikko">
VALIKKO TÄSSÄ
</div>
<div id="sisalto">
SISÄLTÖ TÄSSÄ
</div>
<div id="muuta">
MUUTA TÄSSÄ
</div>

html,body { height : 100%; margin : 0; padding : 0; }
#valikko {
    height : 30%;
    left : 40%;
    position : absolute;
    top : 0;
    width : 60%;
}

#sisalto {
    height : 60%;
    left : 40%;
    overflow : auto;
    position : absolute;
    top : 30%;
    width : 60%;
}

#muuta {
    bottom : 0;
    height : 20%;
    left : 40%;
    position : absolute;
    width : 60%;
}

Koska taulukkotaitto ei ole kivaa. Tämä sitten ei tietenkään ole ainoa tapa toteuttaa tuota, mutta kun en tiedä millainen lopputulos on hakusessa.

Merri kirjoitti:

<div id="valikko">
VALIKKO TÄSSÄ
</div>

[snips...]

Valikkohan on luonnollisesti lista linkkejä, eikö? Silloinhan tuo valikko-div pitäisi olla listaelementti, vaikkapa <ul> ja sen sisässä vähintään yksi listaelementti. ;)

Toki, mutta tuon sisälle voi laittaa sen UL-elementin ja näin saada vaikka tyylittelyä varten yhden elementin lisää. Toisaalta en jaksanut alkaa tekemään tyylejä valikkoelementtejä varten ja niin edelleen. Todennäköisesti tuo valikko pitäisi olla paremminkin otsikon tms. nimellä ja valikon olla vasta sisempi elementti.

Mutta se on taas täysin riippuvainen siitä, millaista sisältöä sivulle on tulossa.

Juu kiitoksia näistä. Pääsis nyt tämän jäljille ja homma toimii jo.

Merri kirjoitti:

Toki, mutta tuon sisälle voi laittaa sen UL-elementin ja näin saada vaikka tyylittelyä varten yhden elementin lisää. Toisaalta en jaksanut alkaa tekemään tyylejä valikkoelementtejä varten ja niin edelleen. Todennäköisesti tuo valikko pitäisi olla paremminkin otsikon tms. nimellä ja valikon olla vasta sisempi elementti.

Mutta se on taas täysin riippuvainen siitä, millaista sisältöä sivulle on tulossa.

Jeps. En vain näe syytä kirjoittaa ylimääräistä div-tagia tuohon, ellei valikkoa erikseen merkitä otsikolla. Toki, jos otsikko merkitään, niin tuo div on siinä ihan standardisti.