Ankündigung

Einklappen
Keine Ankündigung bisher.

Layout problem 3 zeilen mit div - volle höhe

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Layout problem 3 zeilen mit div - volle höhe

    hallo zusammen,

    ich habe 3 div (zeilen layout). soweit ist alles ok, jedoch will ich, dass der 3. div mit dem content immer die gesammte höhe ausfüllt - also unterhalb der navigation bis zum browserende, egal wie viel inhalt drin steht.

    wer weiss weiter? danke im voraus

    /* Hauptdiv */
    #main {
    width:800px;
    margin:0 auto;
    text-align:left;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    /*height:100%;*/
    background-image:url(../bilder/hintergrund.jpg);
    background-repeat:repeat-y;
    background-position: 160 center;
    }

    /* Die Titelzeile */
    #logo {
    height:140px;
    padding-bottom:0px;
    text-align:center;
    vertical-align:bottom;
    background-image:url(../bilder/logo.jpg);
    background-repeat:no-repeat;
    }


    /* Der Inhalt */
    #content {
    padding-top:40px;
    padding-bottom: 40px;
    color:#000000;
    }

    #text {
    width: 700px;
    margin: 0 auto;
    background: rgba(248,248,248,0.70);
    border-radius: 0px 0px 0px 25px;
    border: solid 1px #330000;
    padding: 15px;
    }



    <!-- Gesamter Inhalt -->
    <div id="main">

    <!-- Titelzeile mit Navigation -->
    <div id="logo">&nbsp;
    <div id="fussnavigation">

    <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    </ul>
    </div>
    </div>


    <!-- Inhalt sollte bis zum browserende gehen-->
    <div id="content">
    <div id="titel">
    <?php echo "<h1>".$titel."</h1>"; ?>
    </div>
    <div id="text">
    <?php echo $content; ?>
    </div>
    </div>
    </div>


  • #2
    Soweit wie ich das verstehe...
    Code:
    <style>
    #content { height:100%;}
    /*Text-Container*/
    #text { height:100%;}
    </style>
    Meintest du das?

    Kommentar


    • #3
      Verständnis Probleme

      Willst du die Seite in gleich große Stückchen unterteilen... http://jsfiddle.net/f8Sbv/3/ ?

      Oder willst du dass der Footer immer unten ist... http://ryanfait.com/sticky-footer/ ?
      Zitat von nikosch
      Vielleicht lasst Ihr Xam erst mal erklären, was er vor hat, bevor Ihr Euch hier in Rage redet.

      Kommentar

      Lädt...
      X