Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Trój kolumnowy układ strony
Forum PHP.pl > Forum > Przedszkole
adrianozo
Witam.
Postanowiłem zrobić trój kolumnowy układ strony.
Zakodowałem wszystko ale nie jest tak jak chcę.

Teraz wygląda tak:

http://iv.pl/images/26483092859655236743.png

a chciałbym żeby wszystkie kolumny były równo ustawione tak jak jest teraz ustawiona środkowa kolumna.

CSS:
Kod
div#tresc
{
font-family: Tahoma;
width: 50%;
margin: 0 auto;
margin-top: 7px;
margin-bottom: 7px;
border: 1px solid #2f8dbe;
}
div#lewa
{
font-family: Tahoma;
width: 23%;
margin-top: 7px;
margin-bottom: 7px;
float: left;
clear: left;
border: 1px solid #2f8dbe;
}
div#prawa
{
font-family: Tahoma;
width: 23%;
margin-top: 7px;
margin-bottom: 7px;
float: right;
clear: right;
border: 1px solid #2f8dbe;
}


Nie bardzo wiem jak mam to uczynić.
Mógłbym prosić o pomoc?
Z góry dziękuje smile.gif
adrianozo
Chyba mnie nie zrozumiałeś.

Chodzi mi o ustawienie:

1kolumna..2kolumna..3kolumna

a teraz jest

................2kolumna



1kolumna...................3kolumna
piotrooo89
a Ty chyba nie przeczytałeś tego co Ci wysłałem.
adrianozo
Przeczytałem

CSS:
Kod
div#lewa
{
font-family: Tahoma;
width: 23%;
margin-top: 7px;
margin-bottom: 7px;
float: left;
border: 1px solid #2f8dbe;
}
div#tresc
{
font-family: Tahoma;
width: 50%;
margin: 0 auto;
margin-top: 7px;
margin-bottom: 7px;
float: left;
border: 1px solid #2f8dbe;
}
div#prawa
{
font-family: Tahoma;
width: 23%;
margin-top: 7px;
margin-bottom: 7px;
float: right;
border: 1px solid #2f8dbe;
}


Prawa kolumna jest już dobrze tylko teraz środkowa przylega do lewej, a chciałbym żeby były oddzielone odległościami równymi lewa od środkowej i środkowa od prawej.
Ulysess
hmm wszystkie 3 bloku muszą być obok siebie a jeżeli chcesz środkową oddzielić od lewej i prawej daj margin-left i margin-right
adrianozo
Dzięki smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.