Grazioli: Div in Div 100% höhe?!

Beitrag lesen

SELF-Forum

Div in Div 100% höhe?!

Grazioli
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe ein Problem mit den Div's!

Weiss, Topmenü und Spacer ist kein Problem!

Das Problem liegt bei Menuleft und Inhalt. Wie Ihr sehen könnt, ist beides nicht gleich 100% des Schwarzen Rahmen. Es sollte aber so sein! Wie bringe ich es jetzt hin?

<div id="zentrum">
<div id="gesamtrahmen">

<div id="Seite">
  <div id="logo">WEISS</div>

<div id="topmenu">TOPMEN&Uuml;</div>
</div>

<div id="hauptmenuerahmen">Spacer</div>

<div id="Seite_inhalt">
  <div id="navigation">Menuleft</div>
  <div id="inhalt_box">
  <div id="Inhalt">Inhalt</div>
  </div>
  </div>

</div>

</div></div>

div#zentrum
   {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 0px;
   width: 100%;
   height: 1px;
   overflow: visible;
   visibility: visible;
   display: block
   }
div#gesamtrahmen {
 border: 1px solid #000000;
 background-color: #FFFFFF;
 margin-left: -410px;
 position: absolute;
 top: -240px;
 left: 50%;
 width: 820px;
 height: 480px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
}
div#inhalt_box {
 width: 639px;
 margin-left: 180px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 height: 100%;
 position: absolute;
 float: left;
 visibility: inherit;
 background-color: #33FF00;
}
div#Seite {
 width: 820px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
  }
div#Seite_inhalt {
 width: 820px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 position: absolute;
  }
div#topmenu {
 margin-left: 180px;
 border: 1px dashed silver;
 padding-top: 0;
 padding-bottom: 0;
 text-align: center;
 height: 60px;
 min-height: 60px;
 background-color: #FF0000;
 vertical-align: middle;
  }
div#Inhalt {
 margin-left: 0.5em;
 border: 1px dashed silver;
 padding-top: 0;
 padding-bottom: 0;
 text-align: right;
 height: 100%;
 position: absolute;
 overflow: visible;
 visibility: visible;
 background-color: #FFFF99;
  }
div#logo {
 font-size: 0.91em;
 float: left;
 width: 180px;
 margin: 0;
 padding: 0;
 border: 1px dashed silver;
 text-align: center;
 height: 60px;
 min-height: 60px;
 background-color: #FFFFFF;
 vertical-align: middle;
  }
div#navigation {
 font-size: 0.91em;
 float: left;
 width: 180px;
 margin: 0;
 padding: 0;
 border: 1px dashed silver;
 text-align: left;
 text-indent: 5px;
 overflow: hidden;
 background-color: #0000FF;
 color: #FFFFFF;
  }
div#logorahmen {
 BORDER-RIGHT: #666 1px solid;
 BORDER-TOP: #666 1px solid;
 MARGIN-TOP: 20px;
 BORDER-LEFT: #666 1px solid;
 BORDER-BOTTOM: #666 0px;
 HEIGHT: 61px;
 TEXT-ALIGN: left
}
div#hauptmenuerahmen {
 BACKGROUND-COLOR: #B6B6A5;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-color: #000000;
 border-bottom-color: #000000;
 border-top-style: solid;
 border-bottom-style: solid;
 height: 20px;
 right: 0px;
}

Bedanke mich im voraus für Eure Hilfe!!

Gruss Grazioli

Beitrag melden
–
Informationen zu den Bewertungsregeln