Hogyan lehet azt CSS-el megcsinálni, hogy legyen egymás mellett két hasáb, amelyek magassága egyforma (az a terület, ahol a háttérszín látszik) a tartalomtól függően?

1. Csinálhatod tablebe, ott egyértelmű.

Feltéve hogy van egy main div, amiben van egy left és egy right div:

2. Itt egy trükk:

#main {

overflow: hidden;

}

#left, #right {

float: left;

padding-bottom: 1000em;

margin-bottom: -1000em;

background-color:#CCC;

}

Ennél a trükknél lehet gond ha border bottomot akarsz, vagy #-el rálinkelni az adott divre.

3. Kamu háttér. Vagyis a #main divnek van csak háttere, pl. egy 1px magas kép repeat-y, ami mondjuk 200px szélességben szürke, aztán 20px fehér vagy átlátszó, majd megint 200px szürke, és a diveket is 200px szélesre rakod 20px marginnal.