Keskustelu: Nettisivujen teko: DIV venyttämään toista DIViä

Sivuston leiska perustuu diveihin. On header, valikko sekä vasen ja oikea "palsta". Näiden ympärillä on master-div, josta tulee kehys ja pitää homman läjässä.

Jos vasen -divissä on paljon tavaraa, niin se tulee master-divin reunan yli. Miten saan määritettyä tämän divit niin, että sen sijaan master div venyisi mukana?

#masteri:after {
    clear : both;
    content : '';
    display : block;
}

#vasemmanpuoleinen {
    float : left;
    width : 250px;
}

#oikeanpuoleinen {
    margin-left : 250px;
    /* leveyttä ei tarvitse määrittää */
}

Lisäksi jos et ole määrittänyt #masterille leveyttä, niin IE:n saa pelittämään tämmöisellä lisätyylillä (hyvä lisätä ehdollisilla kommenteilla):

#masteri {
    zoom : 1;
}

Tässä keskustelussa on myös runsaasti aiheesta ja erilaisia toteutustapoja: XHTML: DIV ja CSS (opastusta kaivataan) - sieltä löytyy myös semmoinen esimerkki, jossa #vasemmanpuoleinen ja #oikeanpuoleinen venytetään oikeasti samaan mittaan.

Täysin uutta tietoa koko :after -juttu.

Kiitos Merri, nyt toimii!