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
