Hallo zusammen
ich möchten mein Layout von Tabellen auf div-Container umstellen.
Im groben und ganzen habe ich das schon.
Nun möchte ich gerne folgendes:
Oben einen Head-Bereich mit einer Grafik. (feste Höhe 114px)
Am unteren Bildrand einen Bereich mit Änderungsdatum und Textlinks, welcher immer fest positioniert ist.
Links ein Grafisches menue mit einer fixen Breite.
Die Höhen im menue sowie im Content-bereich sollte jedoch variabel sein.
Ebenso die Breite des Content-Bereiches, welcher über die ganze Bildschirmbreite gehen sollte(abzüglich Menue).
Mein Stylesheet:
img{
vertical-align:bottom;
}
html, body {
height: 100%;
margin: 0;
padding:0;
}
#kopfzeile1{
position:absolute; top:0; left:0;
width:100%;
padding: 0;
margin: 0;
border: 0;
font-size: x-small;
color: #000;
background-image:url(../images/oben_black_01.gif);
background-repeat:repeat-x;
}
#kopfzeile2{
position:absolute; top:60; left:0;
width:100%;
padding: 0;
margin: 0;
border: 0;
font-size: x-small;
color: #000;
background-image:url(../images/oben_black_02.gif);
background-repeat:repeat-x;
}
#abstand{
position:absolute; top:104; left:0;
width:100%;
padding: 0;
margin: 0;
border: 0;
font-size: 2pt;
color: #000;
background-color:#66cc99;
background:#66cc99;
}
#navigation{
position:absolute; top:114; left:0;
padding: 0;
margin: 0;
border: 0;
height: 100%;
background-image:url(../images/schraffur.gif);
background-repeat:repeat-y;
width: 165px;
}
#inhalt{
position:absolute; top:114px; left:165px;
height:80%;
width:100%;
margin:0;
padding:0;
overflow:auto;
background: #66cc99;
}
#fusszeile{
background:gainsboro;
position:absolute; bottom:0; left:0;
width:100%;
height:10%;
margin:0;
padding:0;
}
#titelgrafik{
float: left;
white-space:nowrap;
padding: 0 0%;
margin: 0;
border: 0;
font-size: small;
font-weight: bold;
color: #fff;
background: #666;
}
Wie bekomme ich das hin?
Danke im voraus
MO