[CSS][HTML] układ z trzema kolumnami Opcje

[sweter]

Witam, chciałem stworzyć stronę, która będzie składała się z 3 kolumn:

1. będzie miała szerokość 200px

2. będzie sama dobierała swoją szerokość (będzie wypełniać to miejsce, które zostanie z 1. i 3. kolumny)

3. będzie miała szerokość 200px

Ze zrobieniem takiego układu nie mam problemu. Jak jednak wykonać coś takiego, żeby druga kolumna sama ustalała swoją szerokość??

[Drav]

chodzi ci o to, że powiedzmy obie kolumny mają bazowo po 200 px. 2 rozszerza się do 300 i chcesz, zeby 1 też sie tak rozszerzyła?
Jeśli dobrze Cię zrozumiałem to najprostsze rozwiązanie to takie:
index.htm

Kod

<div id="content">

<div id="1kolumna">
1 kolumna
</div>

<div id="2kolumna">
2 kolumna
</div>
</div>

oczywiście ilośc kolumna możesz zmieniać

styl.css

Kod

div#content {
width: 400px;
height: 200px;
overflow: hidden;
}

div#kolumna1 {
width: 200px;
height: 200px;
padding-bottom: 10000000px;
margin-bottom: -10000000px;
float: left;
}

div#kolumna2 {
  width: 200px;
  height: 200px;
  padding-bottom: 10000000px;
  margin-bottom: -10000000px;
  float: right;
  }

Mam nadzieję, że pomogłem


e:

min-width, max-width + expression dla IE

jesli o to ci chodziło, no to kolega wyżej ma rcję, + ewentualnie to co ja, tyle, ze w 1 kolumnie (tej, która ma się nie powiększać) kasujesz

Kod

padding-bottom: 10000000px;
  margin-bottom: -10000000px;

Ten post edytował Drav 11.10.2009, 19:59:33