nicht angemeldet
height:100%;
tach,
irgendwie steh ich auf dem schlauch. drei container (vier, um genau zu sein), von denen der linke sich über die ganze höhe strecken soll, was er aber nicht macht, wenn der main-container mehr inhalt hat als die screen darstellt:
<?php include("pm_inc.php"); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<style type="text/css">
html {
height:100%;
margin:0;
padding:0;
}
body {
height:100%;
margin:0;
padding:0;
background-color:#F8F8F8;
border:0px red solid;
}
#links {
position:absolute;
top:0px;
left:0px;
width:200px;
height:200px;
z-index:2;
}
#linkscon {
position:absolute;
top:0;
left:0;
width:199px;
height:100%;
}
#rechts {
float:right;
width:200px;
}
#main {
height:100%;
padding:15px;
margin:0 250px; 0 250px;
border:0px silver solid;
}
</style>
</head>
<body>
<div id="links">blah</div>
<div id="linkscon">blub</div>
<div id="rechts">brrr</div>
<div id="main">ganz furchtbar viel text usw.</div>
</body>
</html>
woran könnte das liegen?
gruß
da gum
-
p.s. beim verschlanken wurde naturlich der z-index:1; des containers #linkscon verschluckt...
-
Hallo!
tach,
irgendwie steh ich auf dem schlauch. drei container (vier, um genau zu sein), von denen der linke sich über die ganze höhe strecken soll, was er aber nicht macht, wenn der main-container mehr inhalt hat als die screen darstellt:
Ein "container" ist IMMER so hoch, wie es sein Inhalt erfordert. Wenn explizit eine Höhe angegeben ist, wird sich der Inhalt, wenn er mehr Höhe braucht, NICHT an diese Begrenzung halten und fröhlich über den allfälligen Rahmen, Hintergrundfarbe hinauswachsen.
Dies gilt auch für eine feste Breite, wenn der Text nicht mehr umbrechen kann (klassisches Beispiel: Donaudampfschiffahrtsgesellschaft oder der Bürokratenzombie Verkehrsaufschliessungsabgabengesetz - gibt es wirklich!).
Man kann dieses Verhalten mit min-height, bzw. min-width, mit overflow:auto usw., oder mit sehr, sehr konsequenten em-Maßangaben verhindern.
Min-width/height verstehen nur die Mozillas (neue Operas?) und overflow:auto hat einige unangenehme Nebenwirkungen.Den von Dir gewünschten Effekt, daß andere "container" die Höhe des höchsten Elements annehmen gibt es nur mit Tabellen.
Rein optisch kann man den Effekt mit Hintergrundfarben erreichen.Grüße
saltun