 [CSS] Układ z floatami |
  |
| [CSS] Układ z floatami |
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ć??
(IMG:http://img228.imageshack.us/img228/9421/ukadnk2.jpg) 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 |
 |
 
|
|
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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) |
|
|
|
|
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" (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?
[EDITED] Oki już wiem ocb (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Ten post edytował Scrooge 29.09.2007, 13:37:32 |
|
|
|
|
|
Aktualny czas: 23.08.2025 - 18:12 |
