Avatar billede foxy_lady Nybegynder
13. januar 2003 - 19:14 Der er 6 kommentarer og
1 løsning

Placering af bokse i CSS

jeg har et problem med placering af min bokse...

jeg har 6 bokse i alt der udgør min menu, 2 til banner og header, 2 til en menu i højre side og en i venstre, 1 til indhold i midten og 1 i bunden...

når man minimerer browseren, bliver banneret og header automatisk tilpasset den nye størrelse, men det gør de andre elementer ikke, hvad gør jeg???

En prøveside ligger på www.ares-design.com/foxylady

og her er mit stylesheet:


body {
background-color: #212C42;
margin: 0px 0px 0px 0px;
}


.banner {
color: #ffffff;
margin: 25px 150px 10px 150px;
padding: 0px;
border-width: 1px;
border-color: #000000;
border-style: solid;
background-color: #003355;
text-align: center;
height: 75px;
}


.header {
margin: 0px 150px 10px 150px;
border-width: 1px;
border-color: #000000;
border-style: solid;
background-color: #003355;
color: #ffffff;
text-align: center;
}


.menuleft {
position: absolute;
margin: 0px 0px 25px 150px;
padding: 10px;
border-width: 1px;
border-color: #000000;
border-style: solid;
background-color: #003355;
color: #ffffff;
text-align: left;
width: 100px;
height: 650px;
}


.indhold {
position: absolute;
margin: 0px 0px 25px 260px;
font: 75% verdana, arial, sans-serif;
border-width: 1px;
border-color: #000000;
border-style: solid;
background-color: #003355;
color: #ffffff;
text-align: justify;
height: 650px;
width: 610px;
}


.menuright {
position: absolute;
margin: 0px 0px 0px 880px;
border-width: 1px;
border-color: #000000;
border-style: solid;
background-color: #003355;
color: #ffffff;
text-align: left;
width: 100px;
height: 650px;
}


.bottom {
position: absolute;
margin: 660px 0px 0px 150px;
border-width: 1px;
border-color: #000000;
border-style: solid;
background-color: #003355;
color: #ffffff;
text-align: center;
width: 830px;
}


a:link {
color: #ffffff;
Backgroundcolor: transparent;
text-decoration: none;
}


a:visited {
color: #ffffff;
background-color: transparent;
text-decoration: none;
}


a:hover {
color: #ffffff;
letter-spacing: 2px;
background-color: transparent;
text-decoration: none;
}


a:active {
color: #ffffff;
background-color: transparent;
text-decoration: none;
}


hvad skal jeg gøre for at få det til at virke??

mvh

Foxy_Lady
Avatar billede blazer Nybegynder
13. januar 2003 - 19:19 #1
the amazing world of foxy lady??+

lyder som en porno side :p

hvis du sætter width til en pixel value resizer den ikke.....brug en % hvis du vil det.......
Avatar billede fido82 Nybegynder
13. januar 2003 - 21:13 #2
position skal ændres fra absolute til relative
Avatar billede foxy_lady Nybegynder
14. januar 2003 - 00:03 #3
blazer>> det du siger er at jeg skal sætte positionen til relative og lave px om til %....? det prøver jeg...
Avatar billede blazer Nybegynder
14. januar 2003 - 13:11 #4
yup
Avatar billede foxy_lady Nybegynder
14. januar 2003 - 18:40 #5
hvis jeg sætter positionen til relativ, stiller de sig under hinanden, som om der er en usynlig boks, der hvor de egentligt skulle være...

hvad skal jeg så gøre... ?
Avatar billede blazer Nybegynder
15. januar 2003 - 18:02 #6
relativ betyder at left og top defineres udfra dens parent position......

prøver at fange dig på icq
Avatar billede foxy_lady Nybegynder
16. januar 2003 - 22:02 #7
har helt droppen ideen, da jeg ikke kan få det til at lykkes!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester