nokill: Navi wird nicht mit height:auto in die länge gezogen

Hi,

habe jetzt ein layout mit css und <div>-Tags gemacht aber die Navi wird nicht so wie ich es will dargestellt ich habe die navi auf height:100% und height:auto gestellt aber es funkrtioniert nicht die navi wird nicht bis auf das max gezogen
hier die ganz .css-Datei:
html, center { width:100%; height:auto; }

#navi_left, #navi_right { text-align:left;
                          width:125px;
                          height:100%;
                          padding-left:2px;
                          border-width:medium;
                          border-color:#718EC9;
                          border-style:double;
                          border-bottom-style:none;
                        }

body { background-color:#84A8BF;
       margin:0px;
       width:100%;
       height:auto;
     }

#body { background-color:#84A8BF;
        margin:0px;
        height:auto;
        width:1018px;
        float:none;
      }

#head { background-color:#CDDBE8;
        margin:0px;
        width:100%;
        height:100px;
      }

#navi_left { background-color:#CDDBE8;
             float:left;
           }

#site { background-color:#84A8BF;
        float:left;
        text-align:left;
        width:750px;
        height:auto;
      }

#navi_right { background-color:#CDDBE8;
              float:right;
            }

#footer { background-color:#CDDBE8;
          font-size:12px;
          width:1018px;
          height:33px;
          text-align:center;
          clear:both;
          border-width:medium;
          border-color:#718EC9;
          border-style:double;
        }

schon einmal danke im vorraus

mfg nokill

  1. Hi,

    Schönes CSS. Aber wertlos ohne das zugehörige Dokument.

    html, center { width:100%; height:auto; }
    body { background-color:#84A8BF;
           margin:0px;
           width:100%;
           height:auto;
         }

    Hm. Wenn Du irgendwas auf Höhe 100% haben willst, sollten alle Vorfahrenelemente ebenfalls diese Höhe haben, also auch html und body.

    #body { background-color:#84A8BF;
            margin:0px;
            height:auto;
            width:1018px;
            float:none;
          }

    1018px Breite? Damit dürfte es auch bei 1024er Bildschirmen in vielen Fällen noch einen horizontalen Scrollbar geben...

    #navi_left { background-color:#CDDBE8;
                 float:left;
               }

    Ohne Dokument kann ich nur vermuten, daß hier die erforderliche Breitenangabe fehlt.

    #navi_right { background-color:#CDDBE8;
                  float:right;
                }

    Ohne Dokument kann ich nur vermuten, daß hier die erforderliche Breitenangabe fehlt.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Hallo MudGuard,

      hier das Dokument:

      <?
      //includes
      include("includes/master.php");
      include("includes/meta/master_meta.php");
      include("includes/head.php");
      include("includes/navi_left.php");
      include("includes/navi_right.php");
      include("includes/footer.php");
      ?>
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
           <head>
                <title><? echo $titel; ?></title>
                <? echo $meta; ?>
                <link rel="stylesheet" type="text/css" href="css/layout.css">
           </head>
           <body>
                <center>
                     <div id="body">
                          <div id="head">
                               <? echo $head; ?>
                          </div>
                          <div id="navi_left">
                               <? echo $navi_left; ?>
                          </div>
                          <div id="site">
                               <? include("includes/site.php"); ?>
                          </div>
                          <div id="navi_right">
                               <? echo $navi_right; ?>
                          </div>
                          <div id="footer">
                               <? echo $footer; ?>
                          </div>
                     </div>
                </center>
           </body>
      </html>

      mfg nokill

      1. Hi,

        hier das Dokument:

        Das bestätigt meine beiden Vermutungen bzgl. der fehlenden Breitenangabe.

        cu,
        Andreas

        --
        MudGuard? Siehe http://www.Mud-Guard.de/
        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. Hi,

          was haben die breitenangaben mit den Höhen zu tun?
          Ich will doch nur, dass die Navis auf die max. Längegezogenwerden.

          mfg nokill

          1. hi,

            was haben die breitenangaben mit den Höhen zu tun?

            mit denen nichts.
            aber float erfordert die _explizite_ angabe einer breite.
            (ausser bei replacend inline elementen wie z.b. bildern.)

            gruss,
            wahsaga

    2. Hi ,

      #navi_left { background-color:#CDDBE8;
                   float:left;
                 }

      Ohne Dokument kann ich nur vermuten, daß hier die erforderliche Breitenangabe fehlt.

      #navi_right { background-color:#CDDBE8;
                    float:right;
                  }

      hier ist die Höhenangabe:

      #navi_left, #navi_right { text-align:left;
                                width:125px;
                                height:75%;
                                padding-left:2px;
                                border-width:medium;
                                border-color:#718EC9;
                                border-style:double;
                                border-bottom-style:none;
                              }

      mfg nokill