✔ Content-Div nur 100% hoch

Status
Nicht offen für weitere Antworten.
C

Chriz66

Grünschnabel
Hi, Forum...

Als Neuling hier mal eine Frage, deren Beantwortung ich durch die Suche leider nicht fand.

Ich habe ein Layout mit 3 Zeilen, und die mittlere ist in Punkto Content variabel. Nun habe ich das Problem, dass die Höhe der mittleren Zeile nicht über 100% hinaus geht. D.h. wenn ich 4 Bildschirmhöhen Text einfüge, steht der Footer mitten im Text und der Hintergrund der Seite bricht ab.

PHP: 
<body>
   <div id="background">
      <div id="rahmen">
         <div id="head">
            <div id="topImage"><img src="images/backgrounds/<?=number_format(rand(1,30))?>.jpg" alt="Logo" /></div>
         </div>
         <div class="c"></div>
      <div class="spacerVempty" style="height:61px;">
      </div>
      <div id="mainContent">
         <div id="menuLeft">
            <ul>
            <li>Men&uuml;punkt 1</li>
            </ul>
         <div id="contentBox">

          //hier käme der Inhalt hin

         <div class="c"></div>
         </div>
         <div id="menuRight">
         
         // weitere Texte
          
         </div>
      </div>
      <div class="c"></div>
                     <div id="footer">Footer Text</div>
     <div class="c"></div>
     </div>
     <div class="c"></div>
   </div>
</body>

und hier die betreffenden css-Angaben:
PHP: 
*  {
   font-family:verdana;
   font-size:10px;
   margin:0px;
   border:0px solid black;
}

body,html   {
   background-image:url(../images/mainBg.gif);
   height:auto;
   width:100%;
   padding:0px;
   margin:0px;
   overflow:auto;
   }

#background {
   color:#000;
   height:100%;
   overflow:auto;
   
}

#rahmen  {
   background-color:#fff;
   position:absolute;
   width:774px;
   left:50%;
   margin-left:-400px;
   margin-bottom:13px;
   padding: 9px 13px 13px 13px;
   border:0px solid black;
   border-bottom-width:1px;
}

#footer  {
   background-color:#DDE0DC;
   color:#666;
   height:13px;
   text-align:center;
   font-size:9px;
}

#mainContent   {
   border:0px solid white;
   height:auto;
}

#contentBox   {
   width:471px;
   float:left;
   border:0px solid white;
   padding: 0px 0px 0px 0px;
   height:auto;
}

Hoffentlich reichen diese Angaben und die Problembeschreibung :)

Gruß und Dank,

Chriz
 
Hi,

bei mir "wächst" die mittlere Zeile mit zunehmenden Inhalt, und der Hintergrund wird auch nicht "abgebrochen". :confused:

Dass der Footer nicht nach unten mitwandert, liegt an der fehlenden clear-Eigenschaft:

Code: 
#footer  {
   background-color:#DDE0DC;
   color:#666;
   height:13px;
   text-align:center;
   font-size:9px;
   clear:both;
}
Vielleicht hilft dir das weiter.
 
Hi, Maik...

Danke für die Hilfe. Es lag daran, dass eine externe Datei mit Styles eingebunden wurde, die mit meinen CSS-Angaben kollidierte. Sehr lustig :(

Chriz...
 
Und ich hatte mich schon gefragt, ob ich irgendwas übersehen, oder dich mißverstanden habe.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück