[CSS] Trzy panele, srodek automatyczna szerokosc...

[mitring]

Witam,
mam problem z rozgryzieniem szablonu.
Mianowicie są trzy kolumny: lewa, srodek, prawa

Powiedzmy ze całość ma 1000px
Lewa 200px
Prawa 200px

Teraz chcę, aby ukrywając lewą czy prawą lub oba panele boczne - środkowy miał rozmiar 100% czyli 1000px.

Początek szablonu działa... ale popatrzcie na screena dlaczego tak się dzieje, że środek jest obok lewego panelu, ale teoretycznie jest z prawej tyle, że przesunięty o te 200px. Co jest błędne w tym CSSie, bo już nie czaje tego :confused:

http://img5.imageshack.us/img5/6571/joomladev.th.jpg (http://img5.imageshack.us/my.php?image=joomladev.jpg)


<div class="container">
<?php if($this->countModules('left')) : ?>
<div class="c-left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('right')) : ?>
<div class="c-right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>
<div class="c-center"><jdoc:include type="component" /></div>
</div>

div.container {
background-color: #E2E2E2;
}

div.c-left {
overflow:hidden;
width:200px;
float:left;
}

div.c-center {
padding-left:5px;
padding-right:5px;
display: table-cell;
}

div.c-right {
overflow:hidden;
width:200px;
float:right;
}

[hesar]

a probowales ustawic width:100% dla srodkowego elementu?

[mitring]

Tak i efekt jest takie ze środkowy panel jest pod spodem lewego a prawy poniżej środkowego.

[hesar]

bo trzeba wykonac clear dla elementow po float
tu poczytaj wiecej
http://kurs.browsehappy.pl/CSS/Float