 [CSS] Układ z floatami |
  |
| [CSS] Układ z floatami |
 29.09.2007, 01:57:15
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 34 Pomógł: 0 Dołączył: 22.12.2006 Ostrzeżenie: (0%) 
 |
Chciałbym uzyskać układ jak na obrazku. kombinuje, kombinuje i nic :/ Do momentu gdy był ten układ bez niebieskiej ramki (bez lewego dolnego menu) było wszystko pięknie i się układało. Gdy dodałem tą ramkę z właściwością float:left i clear:left się wszystko rozleciało :/ Jak to zrobić??
 Uproszczony kod-przykładowy(jak ja to widzę... ale nie działający dobrze) dla tego układu to: Kod <html> <head> </head> <body> <div style="border:2px solid; width:100px; height:200px; float:left;">cos1</div> <div style="border:2px solid; width:100px; height:200px; float:left;clear:left">cos2</div> <div style="border:2px solid; width:300px; height:300px; clear:none;">cos3</div> <div style="border:2px solid; width:100px; height:100px; float:right;">cos4</div> <div style="border:2px solid; width:100px; height:100px; float:right; clear:right;" >cos5</div> </body> </html> co robię źle?? Dodam jeszcze tylko, że te dwa menu po prawej i dwa po lewej są floatami jak łatwo się domyśleć. Ramka pośrodku (chyba) nie powinna być floatem. Crossforum:http://www.forumweb.pl/viewtopic.php?p=200754#200754 |
 |
 
|
|
29.09.2007, 09:46:02
Post
#2
|
|
 Grupa: Przyjaciele php.pl Postów: 1 789 Pomógł: 41 Dołączył: 30.10.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Pokażę Ci schemat divów:
Kod -- WRAPPER ---- LEFT COLUMN ------ GREEN BOX with content ------ BLUE BOX with content ---- CENTER COLUMN with content ---- RIGHT COLUMN ------ RED BOX with content ------ YELLOW BOX with content -- CLEANER (css - clear:both) Spróbuj teraz to przerobić na CSS 
|
|
|
|
|
29.09.2007, 13:02:56
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 34 Pomógł: 0 Dołączył: 22.12.2006 Ostrzeżenie: (0%)
|
yyyyyyyyyyyy a co to jest "schemat divów"
 ?[EDITED] Oki już wiem ocb
Ten post edytował Scrooge 29.09.2007, 13:37:32 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 5.07.2025 - 12:05 |
