Frage stellen
ich habe ein Problem, dass ich nicht so richtig lösen kann. Und zwar wird auf meiner Seite die Hintergrundfarbe nur im Anfangsbildbereich angezeigt (also das, was man sieht, wenn man auf die Seite kommt). Sobald ich weiter nach unten Scrolle, wird die Hintergrundfarbe nicht mehr angezeigt, was dann ziemlich häßlich aussieht.
Hier der Link zur Seite: http://www.gymnasium-engen.de/index.php?id=51.
Hinweis: Da noch nicht so viel Inhalt da ist, kann es sein, dass ihr die Seite im minimierten Modus anschauen müsst, sodass eine Scrollbar erscheint.
Wisst ihr warum der Hintergrund dort nicht angezeigt wird?
Viele Grüße
Tobi
html Bereich content:
- Code: Alles auswählen
<div id="content">
<div id="leftcontent"><br><img src="../fileadmin/DESIGN/Tafel.gif" width="200px">
<div id="keyword">Schule
</div>
<div id="submenu">
<!--###SUBMENU### start-->
<!--###SUBMENU### stop-->
</div>
</div>
<div id="maincontent">
<!--###MAINCONTENT### start-->
<!--###MAINCONTENT### stop-->
</div>
<div id="rightcontent">
<!--###RIGHTCONTENT### start-->
<!--###RIGHTCONTENT### stop-->
</div>
</div>
<div id="footer">
</div>
CSS für die div Elemente:
- Code: Alles auswählen
div#content{
position:absolute;
left:0px;
right:0px;
top:115px;
bottom:63px;
margin-left:5px;
margin-right:5px;
overflow-y:auto;
font-family:arial;
font-size:11pt;
}
div#keyword{
position: absolute;
width:170px;
left:0px;
top:55px;
font-weight: bold;
font-size:20pt;
text-align: center;
margin-left:20px;
}
div#submenu {
position:absolute;
left:0px;
top:150px;
font-size:10pt;
font-style:italic;
font-weight:bold;
text-align:left;
}
div#leftcontent {
position:absolute;
left:0px;
top:0px;
bottom:0px;
width: 200px;
background-color: rgb(17,0,125);
font-size: 10pt;
padding-left:5px;
padding-right:5px;
text-align:justify;
}
div#maincontent {
position: absolute;
left:213px;
right:217px;
top:0px;
bottom:0px;
background-color: rgb(17,0,125);
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
text-align: justify;
}
div#rightcontent {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 214px;
background-color: rgb(17,0,125);
}
div#footer {
position: absolute;
right: 0px;
left: 0px;
bottom: 5px;
height: 55px;
margin-right: 5px;
margin-left:5px;
background-color: rgb(17,0,125);
}
