Tabelle Hintergrund bis Tabellenende
Alex
- css
0 Alex
"Einfaches" Boxmodell
|Menuleft|Mainframe|Menuright|
Der Mainframe hat eine Höhe von mind. 500px und ist einfarbig.
Das Menü auf der linken Seite soll nun einen Hintergrund bekommen.
relevanter Auszug aus der style.css:
#menuleft, #menuright {
width: 160px;
}
#menuleft{
float: left;
background-image: url(../_images/bg.bmp);
background-repeat: repeat-y;
}
#menuright {
float: right;
}
#mainframe {
width: 680px;
min-height: 500px;
height: auto;
_height: 500px;
float: left;
}
relevanter Auszug aus der index.php:
<div id='menuleft'>Navigation</div>
<div id='mainframe'>Text</div>
<div id='menuright'>Informationen</div>
<br style="clear:both;">
Problem ist, dass der den Hintergrund für das menü links nicht über die komplette höhe zieht, sondern nur so lang wie das Wort "Navigation" hoch ist.
Ich kann auch das min-height auch nicht einfach in das menuleft verschieben, weil auch im Mainframe auf die Tabellenhöhe abhängige bezogene graphische Elemente sind.
Weis einer wie ich das hinbekomme?
vlg - Alex
Ich habs anders gelöst.
Hab als hintergrund für die gesamte tabelle genommen und lege jetzt die anderen divelemente sozusagen drüber.
#table {
background-image: url(../_images/bg.bmp);
background-repeat: repeat-y;
}
<div id='table'>
<div id='menuleft'>Navigation</div>
<div id='mainframe'>Text</div>
<div id='menuright'>Informationen</div>
<br style="clear:both;">
</div>
also mainframe und menuright dann einfach extra mit einer background-color belegen und schon hat man den gleichen Effekt.
danke an alle interessierten.
lg - Alex