[CSS][HTML] Układ divów Opcje

[jepek]

Witam, jak osiągnąć układ divów taki jak w załączonym obrazku?
(Stała szerokość np. 900px)

(IMG:http://i41.tinypic.com/13zbzg1.png)

[Ulysess]

tworzysz glowny blok w nim kolejne 3 ktorym nadajesz atrybut float: left; , głowny blok ma szerokość 900 , suma pozostałych musi wynosić 900 ale pamiętaj że każde obramowanie , padding też zawiera pixele

[Niedowiarek]

[HTML] pobierz, plaintext 
<div id="wrapper"
 
<div id="pierwszy">Tu tekst</div>
 
<div id="drugi">Tu tekst</div>
 
<div id="trzeci">Tu tekst</div>
 
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#wrapper {
width: 100%;
}
 
#lewy {
width: (tu szerokość)
float: left;
display: inline;
}
 
#srodkowy {
width: 900px;
float: left;
display: inline;
}
 
#lewy {
width: (tu szerokość)
float: left;
display: inline;
}
 
#prawy {
width: (tu szerokość)
float: right;
display: inline;
}
[CSS] pobierz, plaintext 

Ten post edytował Niedowiarek 6.01.2012, 15:47:35

[jepek]

Wiem jak stworzyć 3kolumnowy układ divów... Chodzi mi o to, aby divy po bokach były szerokie zawsze od krawędzi okna do diva w środku...

[lobopol]

http://jsfiddle.net/u7T4b/1/

Ten post edytował lobopol 6.01.2012, 22:59:40

[jepek]

Baardzo dziękuję! O to mi chodziło!

Chociaż do końca nie wiem jak działa... (IMG:style_emoticons/default/smile.gif)

Znajdę gdzieś opis jak to jest zbudowane i dlaczego tak działa?

Ten post edytował jepek 6.01.2012, 23:46:40

[lobopol]

To jest po prostu dość mocna manipulacja szerokościami i pozycjami popatrz na układ divów i ich właściwości. A opisu nie znajdziesz bo go nie ma (IMG:style_emoticons/default/smile.gif)