Christoph: Div nebeneinander gleich lang

Hallo,

ich bekomme 2 div's nebeneinander nicht gleich lang.
Link zur Seite habe ich eingefügt.

der css text:
body{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     margin-top:0px;
     margin-bottom:0px;
}
#page{
      margin:auto;
      background:#FADC46;
      width:1000px;
}
#header{
       height:100px;
       text-align:center;
       background:#64B464;
}
#container {

}
#navi{
      float:left;
      width:180px;
      background:#FADC46;
}
#main{
      float:right;
      width:820px;
      background:#f2f2f2;
}
#footer{
      margin:auto;
      width:1000px;
      height:15px;
      text-align:center;
      background:#64B464;
}
img{
     border-style:none;
}

vielen dank

  1. Hi!
    mein vorschlag:
    http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/

    --
    __________________________-
    Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
    1. Hallo

      mein vorschlag:
      http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/

      Untauglich für den meistverwendeten Browser, _egal_ wie sehr du den (nicht) magst. Das solltest du zumindest dazusagen.

      Tschö, Auge

      --
      Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
      (Victor Hugo)
      Veranstaltungsdatenbank Vdb 0.1
      1. Hallo,

        danke für eure antworten.

        ich bekomme nun den footer richtig drunter, nur ist der navi hintergrund und der main hintergrund nicht gleich lang.
        und dem container möchte ich keinen hintergrund geben.

        mfg chris

        1. Hallo

          ich bekomme nun den footer richtig drunter, nur ist der navi hintergrund und der main hintergrund nicht gleich lang.

          ..., was bedeutet, dass die boxen nicht die gleiche Höhe haben.

          und dem container möchte ich keinen hintergrund geben.

          Welchem Container? Dem der Navigation, dem des Inhalts oder dem Buntglascontainer? So stelle ich mir die Struktur deiner Seite aufgrund der Ausführungen in deinem Ausgangsposting vor.

          ...  
           <body>  
            <div id="page">  
             <div id="header"></div>  
             <div id="navi"></div>  
             <div id="main"></div>  
             <div id="footer"></div>  
            </div>  
           </body>  
          </html>
          

          Da findet sich auch ein Element mit der ID "container", zu dem du allerdings keine Angaben machst.

          Tschö, Auge

          --
          Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
          (Victor Hugo)
          Veranstaltungsdatenbank Vdb 0.1
      2. PS: im Firefox und Internet Explorer sieht es eigenlich doch gleich aus.
        Sind das nicht die meisgenutzten Browser?

        mfg chris

        1. Hallo

          PS: im Firefox und Internet Explorer sieht es eigenlich doch gleich aus.
          Sind das nicht die meisgenutzten Browser?

          Ja, das sind sie. Mein "Einspruch" bezog sich ausschließlich auf bleichers verlinkten Lösungsansatz, <div>s als Tabelle zu benutzen, der im MSIE <= 6 nicht funktioniert. Der unterstützt den vorgeschlagenen CSS-Ansatz nicht.

          Tschö, Auge

          --
          Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
          (Victor Hugo)
          Veranstaltungsdatenbank Vdb 0.1
  2. Hallo Christoph,

    ich bekomme 2 div's nebeneinander nicht gleich lang.
    Link zur Seite habe ich eingefügt.

    Schau Dir mal YAML von Dirk Hesse an. Er scheint dieses vieldiskutierte Problem gelöst zu haben.

    Gruß
    Olaf

  3. ich bekomme 2 div's nebeneinander nicht gleich lang.

    Das ist ein Tabellenlayout, also verwende eine Tabelle.

    Struppi.

    --
    Javascript ist toll (Perl auch!)