Forum PHP.pl

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

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

[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

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...

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

Chociaż do końca nie wiem jak działa...

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

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

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