Hej!
Jeg har ofte undret mig over hvordan man skal lave et design med
layers. Jeg mener, jeg har som oftest fundet ud af hvordan det
KAN gøres, men ved ikke om jeg gør det på den rigtige måde!
Når jeg laver et design med layers, så bruger jeg float:
left|right;.
Fx:
-------------------
|1 | |
| | |
|__| 3 |
|2 | |
| | |
-------------------
Hvis modellen jeg har lavet ovenover ikke virker: Designet består
af 3 layers, en øverst[1] til venstre (der fx fylder width:20%;)
og en nedenunder[2] der fylder lige meget (layer 1 og 2 er 50% i
height hver). Så er der hvor indholdet[3] skal være, der fylder
resten af skærmen (width:80%; height:100%;).
Sp:
Jeg har ikke fundet noget sted hvor der står at float:
top|bottom; IKKE er valid css, er det?
Hvordan sætter man dette design op? er det nogenlunde som det
her?:
body{
margin:0px;
padding:0px;
}
layer1{
position: relative;
left: 0px; top: 0px;
width: 20%; height: 50%;
background-color: red;
float: left top;
}
layer2{
position: relative;
left: 0px; top: 0px;
width: 20%; height: 50%;
background-color: green;
float: left bottom;
}
layer3{
position: relative;
left: 0px; top: 0px;
width: 80%; height: 100%;
background-color: blue;
float: left bottom;
}
..eller skal man ikke bruge float?
Tak for din tid! Håber at få et godt svar;) Og håber at I forstår
spørgsmålet.
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials