Pozycjonowanie dwóch divów, ...poraz kolejny:/ Opcje

[xamil]

Witam.

Chcę osiągnąć taki layout jak na screenie: http://www.kamil.klecza.pl/layout.png

Oczywiście div 1 ok, ale problem zaczyna się przy div 2 i 3. Div 2 to ma być menu które będzie zajmowało powiedzmy 150px. Div 3 ma się rozciągać na pozostałą część ekranu.

No i właśnie... jak to zrobić?(IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Do momentu div'a 3 wszystko ok ale nie wiem jak zmusić div'a 3 do rozciągnięcia się na pozostałą część ekranu a oczywiście stała szerokość nie wchodzi w grę. Dodatkowo nie chcę div'a 2 i div'a 3 obejmować kolejnym div'em. Chciałbym również później wyśrodkować element zawarte w div'ie 3 ale myśle, że to będzie się dało przez margin: auto. Jedyny efekt jaki mi się udało uzyskać to jeden div obok drugiego i oba wraz z body mają ten sam kolor. Efekt jak na obrazku.

Ktoś mógłby pomóc?

[gekon]

[HTML] pobierz, plaintext 
<div id="header"><h1>1</h1></div>
 
<div id="content"><p>3</p></div>
 
<div id="sidebar"><p>2</p></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#content{
 width: 80%;
 float: right;
 height: 100%;
 overflow: hidden;
}
#sidebar{ width: 20%; }
[HTML] pobierz, plaintext 

Pisane z palca

Ten post edytował gekon 5.06.2006, 20:25:36

[Zajec]

[HTML] pobierz, plaintext 
<div id="header"><h1>1</h1></div>
 
<div id="sidebar"><p>2</p></div>
 
<div id="content"><p>3</p></div>
[HTML] pobierz, plaintext 

Kod

#sidebar{ width: 150px; float: left; }

Ewentualnie jeszcze dodaj

Kod

#content { margin-left: 150px; }

Ten post edytował Zajec 6.06.2006, 13:20:06

[xamil]

Kod

#sidebar{ width: 150px; float: left; }

Kod

#content { margin-left: 150px; }

Dziękuje pięknie;) Dokładnie o to chodziło. Jakie to proste;) Mój problem w tym, że mimo iż używam float to tak naprawde nie wiem jak to do końca działa:/ Musze się dokształcić.

Jeszcze raz dzięki... teraz jak czytam rozwiązanie to aż mi głupio że o coś tak prostego pytałem:D