[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ść??

[potreb]

min-width, max-width + expression dla IE

[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

[sweter]

Wielkie dzięki za pomoc i zainteresowanie, ale chodzi mi o coś takiego (oczywiście na divach):

[HTML] pobierz, plaintext 
 
<table width="100%" border="1">
			<tr>
				<td width="200">pierwsza</td>
				<td>druga</td>
				<td width="200">trzecia</td>
			</tr>
		</table>
 
 
[HTML] pobierz, plaintext 

[athei]

google - css layout 3 column liquid,
np.

[HTML] pobierz, plaintext 
<div id="threecolwrap">
  <div id="twocolwrap">
    <div id="nav"></div>
    <div id="content"></div>
  </div>
  <div id="promo"></div>
</div>
#threecolwrap {  float:left;  width:100%; }
#twocolwrap { 	float:left;	width:100%; 	margin-right:-170px; }
#nav { float:left; width:150px; }
#content { width:auto; margin-left:150px; margin-right:170px; }
#promo { float:left; width:170px; }
[HTML] pobierz, plaintext