Sidebar Höhe je Seite Variabel

  • Hi, ich bastle gerade eine Webseite. Bin aber schon *leicht* verzweifelt, denn ich will, dass die Sidebar eine 100%tige Höhe hat. Entsprechend habe ich die Sidebar auf float:left gesetzt.

    Zwecks der Hilfe hab ich hier einmal den CSS Code:

    Code
    #mainframe         {width:850px;height:100%;}
    #wrapper          {width:850px;height:auto;}
    #header              {width:850px;height:5px;}
    #insel                {width:634px;height:287px;float:left;background:white; -moz-border-radius:5px;-khtml-border-radius:30px;-webkit-border-radius:10px;border-radius:10px;}
    #content          {width:574px;height:100%;float:left;padding:0 30px 15px 0;}
    #inhalt                {width:574px;height:100%;float:left;padding:30px;background:white;-moz-border-radius:5px;-khtml-border-radius:30px;-webkit-border-radius:10px;border-radius:10px;margin-top:30px;color:#000;font-size:12px;font-family:Arial;}
    #sidebar             {position:relative;width:186px;min-height:100%;z-index: 1;float:right;background:#fff; -moz-border-radius:5px;-khtml-border-radius:30px;-webkit-border-radius:10px;border-radius:10px;}
    #footer                {width:850px;height:57px;clear:both;background: url(images/footer.png) no-repeat;clear:both;color: #452d2d;font-size: 14px;font-family: Times New Roman;font-weight: regular;text-decoration: none;margin-top:15px; -moz-border-radius:5px;-khtml-border-radius:30px;-webkit-border-radius:10px;border-radius:10px;}

    Hoffe auf Hilfe, ich weiss einfach nicht mehr weiter.

    Grüße,D

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hi,

    100% heißt immer 100% von was?
    Wenn für das Elterelement height:auto; (default-Wert, wenn nix angegeben wurde) gilt. kann 100% nicht errechnet werden und die Höhe fällt auf auto zurück.
    Für eine 100% Höhe müssen alle Vorfahren bis hinauf zum Initial Containing Block (html) height:100%; bekommen, damit es funktioniert. ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!