|
TwojePC.pl © 2001 - 2024
|
 |
A R C H I W A L N A W I A D O M O Ś Ć |
 |
| |
|
[webmastering] budowanie layoutu na DIVach , KwiateK 8/03/07 19:14
Probuje zaprojektowac sobie layout przy uzyciu DIV i jest maly problem:
http://www.leeds.net.pl/darek/_files/page.zip
kiedy wpisuje cos w "center", to nie rozszerza sie nadrzedna warstwa "middle". co robie nie tak?
pozdrawiamNie jestem facetem na jedną noc.
Aż tyle czasu to ja nie mam... - bo tak działają floaty , myszon 8/03/07 19:46
#middle #center {
float: left; <<<<
}
#center może wystawać poza #middle. Jest parę rozwiązań. Albo floatujesz #middle, ale to może zburzyć cały layout. Albo pod koniec #middla dajesz pusty pojemnik div z clear:both - dodaj , kubazzz 8/03/07 19:47
}
#middle {
width: 100%;
clear: both;
height: auto;
}SM-S908 - o to chodzi ? , kubazzz 8/03/07 19:49
http://cleftofvenus.net/page/index.htm ??SM-S908 - generalnie , celt 8/03/07 20:46
to co kubazz zrobił powinno poprawić działanie - głownie chodzi o dodanie średników. Pytanie co ty z nimi zrobiłeś - zjadłeś na śniadanie ? ;)
Mogę dodać że CSS jest na pierwszy rzut oka przekombinowany - można to napisać prościej (nie chce mi się może ktoś inny to zrobi ;)
Tu masz trochę uproszczony CSS + poprawki kubazza
body {
font-family: sans serif, Trebuchet MS;
background-color: #FFFFFF;
color: #000000;
text-align: left;
text-size: 8pt;
margin: 0;
}
div {
border: 1px solid navy;
}
#wrapper {
width: 780px;
margin: 0 auto 0 auto;
}
#header {
width: 100%;
clear: both;
height: 100px;
background: black;
}
#middle {
width: 100%;
clear: both;
}
#left {
width: 150px;
float: left;
}
#center {
width: 420px;
margin: 0 1px;
float: left;
}
#right {
width: 200px;
float: right;
}
#footer {
width: 100%;
clear: both;
}
PS. co uzyskać pisząc coś takiego: #middle #left ?Everything should be made as simple as
possible, but no simpler
|
|
|
|
 |
All rights reserved ® Copyright and Design 2001-2024, TwojePC.PL |
 |
|
|
|
