Markus Rost: Div Boxen soll automatisch mitwachsen

Beitrag lesen

SELF-Forum

Div Boxen soll automatisch mitwachsen

Markus Rost
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln