Tryb drzewa | Tryb normalny

itINSPIRE · 29-01-2012 16:31

witam, mam prosty kod ktory probuje zmusic do dzialani:

Kod PHP:

<div class="lewa" style="width:100px; height:100px; background-color:#033; float:left"></div>
<div class="srodek" style="width:auto; height:100px; background-color:#011; float:left"></div>
<div class="prawa" style="width:100px; height:100px; background-color:#033; float:left"></div> 

czyli lewa i prawa kolumna na sztywno 100px a srodek chcialbym aby sie rozszerzal na cala dostepnosc strony, wartosc auto przybiera chyba wartosc 0, a 100% wyrzuca prawa kolumne z lini, do nowego wiersza, jak to powinno wygadac poprawnie ?

_perlik · 29-01-2012 20:21

Musisz mieć kontener na wszystkie 3 kolumny. W tym kontenerze masz 2 divy. Pierwszy na lewą kolumnę, drugi na środkową i prawą.
Tak jest to zrobione np. tutaj:
http://www.siwkova.com.pl/

**Kartofelek** · 29-01-2012 21:41

lewa - postition:absolute; top:0; bottom:0; left:0; width:200px;
srodek - margin:0 200px;
prawa - position:absolute; top:0; bottom:0; width:200px;

itINSPIRE · 30-01-2012 00:06

(29-01-2012 21:41)Kartofelek napisał(a): lewa - postition:absolute; top:0; bottom:0; left:0; width:200px;
srodek - margin:0 200px;
prawa - position:absolute; top:0; bottom:0; width:200px;

srodek - margin:0 200px; - srodek nie moze miec na sztywno okreslonej szerokosci

**Kartofelek** · 30-01-2012 01:33

??
elementy blokowe mają domyślnie 100% width czyli maksimum.
Jeżeli dasz takiemu margin:0 200px to będzie miał szerokość 100%-2*200. Po każdej stronie 200px dla belek, które będą na 100% wysokości dzięki top i bottom.

Analizować kody z uwagą Smile