Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Trój kolumnowy układ strony
adrianozo
post
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




http://perfectionorvanity.com/2007/03/07/r...ny-layoutu-css/
Go to the top of the page
+Quote Post
adrianozo
post
Post #3





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


Chyba mnie nie zrozumiałeś.

Chodzi mi o ustawienie:

1kolumna..2kolumna..3kolumna

a teraz jest

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



1kolumna...................3kolumna

Ten post edytował adrianozo 21.02.2010, 16:18:42
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




a Ty chyba nie przeczytałeś tego co Ci wysłałem.
Go to the top of the page
+Quote Post
adrianozo
post
Post #5





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Ulysess
post
Post #6





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

Ostrzeżenie: (0%)
-----


hmm wszystkie 3 bloku muszą być obok siebie a jeżeli chcesz środkową oddzielić od lewej i prawej daj margin-left i margin-right
Go to the top of the page
+Quote Post
adrianozo
post
Post #7





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


Dzięki (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 06:53