Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Układ strony
Monter08
post
Post #1





Grupa: Zarejestrowani
Postów: 237
Pomógł: 22
Dołączył: 16.09.2010
Skąd: Lubaczów

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


Witam,
mam problem z stworzeniem prostego układu strony, otóż chciałbym aby dwie kolumny po bokach miały jednakową szerokości a środkowy ustawiał się automatycznie, zależnie od rozdzielczości.
Graficznie wygląda to mniej więcej tak: [Obrazek]
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
droslaw
post
Post #2





Grupa: Zarejestrowani
Postów: 98
Pomógł: 33
Dołączył: 10.05.2011
Skąd: Krak

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


Coś takiego można osiągnąć przez ustawienie odpowiednich marginesów dla środkowej kolumny. W tym wypadku dla prawego i lewego po 255 px. Może być potrzebne trochę więcej. Boczne kolumny muszą mieć ujemne marginesy dla odpowiedniego boku. Lewa kolumna na prawym boku -255px, a prawa na lewym.
Go to the top of the page
+Quote Post
Monter08
post
Post #3





Grupa: Zarejestrowani
Postów: 237
Pomógł: 22
Dołączył: 16.09.2010
Skąd: Lubaczów

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


hmm, coś nie bardzo wychodzi zobacz.
Go to the top of the page
+Quote Post
droslaw
post
Post #4





Grupa: Zarejestrowani
Postów: 98
Pomógł: 33
Dołączył: 10.05.2011
Skąd: Krak

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


Środkową kolumnę (#center) musisz opakować jeszcze jednym divem z szerokością ustawioną na 100%. A kolumnie #center dajesz marginesy. Przykład
Go to the top of the page
+Quote Post
Damonsson
post
Post #5





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Jesteś pewien, że będziesz znał wysokość DIVów?
Go to the top of the page
+Quote Post
droslaw
post
Post #6





Grupa: Zarejestrowani
Postów: 98
Pomógł: 33
Dołączył: 10.05.2011
Skąd: Krak

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


Jeśli będą potrzebne kolumny o nieznanej wysokości w różnych kolorach, trzeba jeszcze każdej kolumnie dodać bardzy duży padding dolny i ujemny margines o takiej samej wielkości. Całość musi być opakowana w diva z własnością css overflow:hidden (Pobaw się wypełniając kolumny treścią najlepiej z br)

Ten post edytował droslaw 28.06.2012, 06:45:14
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 18:23