Css design fortsætter 100%
Hej eksperter.Jeg er normalt vant til at benytte mig af tables til mine designs. Det er dog et krav i dette tilfælde at jeg gør det i CSS med id's. Min problematik ligger i at jeg gerne vil have sitet til at fortsætte 100%.. altså så det følger hele vejen ned - også hvis der kun er én linie tekst. Jeg har prøvet at google lidt, men uden held - og de gamle metoder i tables virker umiddelbart ikke. Her er hvad jeg midlertidigt er nået frem til (som ikke virker)
<style type="text/css">
<!--
#Table_01 {
position:absolute;
top:0px;
width:1000px;
height:100%;
left:10%;
}
#index-01_ {
background-image:url("images/index_01.png");
background-repeat:repeat-y;
position:absolute;
left:0px;
top:0px;
width:40px;
height:100%;
}
#index-02_ {
background-image:url("images/index_02.png");
position:absolute;
left:40px;
top:0px;
width:918px;
height:178px;
}
#index-03_ {
background-image:url("images/index_03.png");
background-repeat:repeat-y;
position:absolute;
left:958px;
top:0px;
width:42px;
height:100%;
}
#index-04_ {
background-color:#ffc047;
position:absolute;
left:40px;
top:178px;
width:132px;
height:100%;
}
#index-05_ {
background-image:url("images/index_05.png");
background-repeat:repeat-y;
position:absolute;
left:172px;
top:178px;
width:21px;
height:100%;
}
#index-06_ {
background-color:#fab228;
position:absolute;
left:193px;
top:178px;
width:765px;
height:100%;
}
-->
</style>
</head>
<body style="background-color:#FFFFFF;">
<div id="Table_01">
<div id="index-01_" style="height:100%">Her er min skygge til venstre (skal fortsætte 100%)
</div>
<div id="index-02_">Her er mit topbanner
</div>
<div id="index-03_">Her er min skygge til højre (skal fortsætte 100%)
</div>
<div id="index-04_">
Her skal min menu være
</div>
<div id="index-05_">Midtspalte, skal fortsætte i 100%
</div>
<div id="index-06_">
her skal min tekst være
</div>
</div>