nicht angemeldet
Hi Matthias,
ohne konkreten Quelltext lässt sich das nicht überprüfen. Mit dem Code von heute morgen ist das nicht nachvollziehbar.
Es ist der gleiche Quelltext wie heute früh mit der einzigen Ergänzung von
overflow:auto; unter #Infoteil.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test</title>
<style type="text/css">
html, body
{
font-size: 100.01%;
margin: 0;
padding: 0;
height: 100%;
}
#Gesamtseite
{
max-width: 1080px;
height: 100%; /* bringt keine Höhenänderung der Spalten über die Gesamtseite */
}
#Navigation
{
float: left;
font-size: 0.9em;
width: 23.4375%;
background-color: #b9b9b9;
height: 100%; /* bringt keine Höhenänderung der Spalten über die Gesamtseite */
border: 2px green solid;
}
#Infoteil
{
overflow:auto;
background-color: #b9b9b9;
margin-left: 23.4375%;
height: 100%; /* bringt keine Höhenänderung der Spalten über die Gesamtseite */
border: 2px red solid;
}
#Seitentitel
{
/* background-image: .....; */
height: 50px;
}
#Seiteninhalt
{
}
#Kopf
{
}
#Daten
{
}
</style>
</head>
<body>
<div id="Gesamtseite">
<div id="Navigation">
<ul>
<li>Item1</li>
<li>Item2</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
</div>
<div id="Infoteil">
<div id="Seitentitel">
<h1>Seitentitel</h1>
</div>
<div id="Seiteninhalt">
<div id="Kopf">
<h2>Kopf</h2>
</div>
<div id="Daten">
<h2>Daten</h2>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
</div>
</div>
</div>
</body>
</html>
Ohne das overflow:auto; vreschwindet der graue Hintergrund auch rechts nur der Scrollbalken ist nicht vorhanden.
Gruß
Lorenz
Matthias Apsel