nicht angemeldet
Div Boxen soll automatisch mitwachsen
0 0 
Auge
Div Boxen soll automatisch mitwachsen
Hallo zusammen,
meine Frage ist vermutlich ein alter Hut aber irgendwie steh ich gerade gewaltig auf dem Schlauch.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pfadi Design Test</title>
<style>
<!--
*
{
padding:0px;
margin:0px;
}
body
{
background:#FFFFFF;
/*background:#C1CDCD;*/
color:#000000;
}
.grundbox
{
margin:auto;
width:950px;
min-height:580px;
position:relative;
background-color:#FFFFFF;
z-index:1;
/* oder 6B6B6B*/
border-right: 1px solid #BEBEBE;
border-left: 1px solid #BEBEBE;
border-bottom: 1px solid #BEBEBE;
}
.banner
{
position:absolute;
left: 0px;
top: 0px;
width: 950px;
height:140px;
z-index:2;
}
.bildbox_re
{
position:absolute;
right: 15px;
top: 15px;
height:100px;
width:165px;
z-index:3;
margin:0px;
padding:5px;
background:#FFFFFF;
}
h1
{
font-family: Tahoma, Verdana, sans-serif;
font-weight: bolder;
font-size: 20px;
color: #000000;
}
.menue
{
position:absolute;
left: 0px;
top: 140px;
width: 140px;
z-index:3;
min-height:440px;
}
.box_right
{
position:absolute;
right:0px;
top:140px;
width:140px;
z-index:2;
min-height:440px;
}
.inhalts_box
{
position:absolute;
left:140px;
top:140px;
width:670px;
z-index:3;
border-right: 1px solid #BEBEBE;
border-left: 1px solid #BEBEBE;
min-height:440px;
}
-->
</style>
</head>
<body>
<div class="grundbox">
<div class="banner">
<img src="banner.jpg">
</div>
<div class="bildbox_re">
<img width="100%" height="100%" src="logo_kopf_test.JPG">
</div>
<div class="menue">
<p>menue</p>
</div>
<div class="inhalts_box">
<p>inhalt</p>
</div>
<div class="box_right">
<p>termin</p>
</div>
</div>
</body>
</html>
Ich haben die oben gezeigt Seite erstellt. CSS muss ich noch auslagern, aber zum Testen geht das noch so.
Ich hätte gerne wenn ich in der "inhaltsbox" einen overflow hat, ich also viel Inhalt drin habe, dass die "grundbox" mitwächst, damit mein Rahmen auch komplett ausenrum geht.
Könnte Ihr mit weiterhelfen?
Danke
Gruß
Markus
-
Grüße,
Könnte Ihr mit weiterhelfen?
wenn da drinn enur ein <p> ist, würde ich die <div> lgeich weglassen und <p> formatieren.
MFG
bleicher--
__________________________-
Die Essenz der Egomanie
ie:{ fl:( br:< va:| ls:[ fo:# rl:? n4:? ss:| de:> js:| ch:| sh:( mo:| zu:|-
Hmm also das heißt ich muss aus den absoluten Postionen relative machen oder habe ich das falsch verstanden?
In die Div-Elemente kommen schon irgendwann noch mehr Inhalte als nur das p Element.
Gruß
Markus
-
-
Hallo
Ich hätte gerne wenn ich in der "inhaltsbox" einen overflow hat, ich also viel Inhalt drin habe, dass die "grundbox" mitwächst, damit mein Rahmen auch komplett ausenrum geht.
Mit der Verwendung von
position:absolute;nimmst du die so formatierten Elemente aus dem Elementfluss. Das bedeutet, dass das Elternelement eines anders als 'static' positionierten Elements nichts von dessen Ausmaßen weiß. Somit kann es auch nicht mitwachsen. Entsprechendes gilt übrigens auch für gefloatete Elemente, wenn man deren Elternelement nicht entsprechend präpariert (Block Formatting Contexts).Lies dazu mal folgendes: Grundlagen für Spaltenlayout mit CSS.
Tschö, Auge