100% højde i divs
HejsaJeg har en side med tre forskellige kolonner (hver sin <div>) ved siden af hinanden. På nogle sider er den ene div længst og på en anden side er den anden eller tredje div længst.
Kort sagt. - Alle tre divs skal være lige lange, lige meget hvilken side man befinder sig på.
De tre divs er omringet af to divs (wrappere).
Her er min css:
-------------------------------------
#wrapper {
background-color:#cccccc;
width: 1010px;
margin-left:auto;
margin-right:auto;
height: 100%;
}
#wrapper1 {
position:relative;
background-image:url(../image/bg_main.gif);
width: 990px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
height: 100%;
}
#main {
padding-top:15px;
padding-bottom:10px;
float:left;
width:480px;
padding-left:10px;
padding-right:10px;
color:#666666;
position:relative;
background-image:url(../image/bg_main.gif);
background-repeat:repeat-y top;
}
#right {
position:relative;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
width:320px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
float:left;
height: 100%;
background: url(../image/bg_right.gif);
background-repeat:repeat-y right;
}
#right2 {
position:relative;
height: 100%;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
width:130px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
float:left;
background-image:url(../image/bg_right2.gif);
background-repeat:repeat-y right top;
}
--------------------------------------
På forhånd tak
mvh
Henrik
