Ankündigung

Einklappen
Keine Ankündigung bisher.

Box layout mit div und css

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

  • Box layout mit div und css

    Ich habe folgendes Problem und komme einfach nicht mehr weiter! Wäre nett wenn sich das jemand anschauen könnte.

    CSS:

    Code:
    #menu_top{
    position: absolute;
    width: 196px;
    height: 10px;
    background:transparent url(img/design/menu_top.png) no-repeat left top;
    }
    
    #menu_main{
    position: absolute;
    top: 10px;
    width: 196px;
    background: transparent url(img/design/menu_main.png) repeat-y left top;
    height: auto !important; /* ie ignores it */
    height:100%; /* fix */
    }
    
    #menu_footer{
    position: relative;
    width: 196px;
    height: 37px;
    background:transparent url(img/design/menu_footer.png) no-repeat bottom;
    }
    HTML:

    HTML-Code:
    <div id="menu_top"></div>
    
    <div id="menu_main">Hallo<br>hallo<br>hallo<br>hallo
    <div id="menu_footer"></div>
    </div>
    Der Screenshot zeigt den Fehler, der mittlere Teil geht bis ganz nach unten, also hinter dem menu_footer durch.

    Danke für die Hilfe
    Jérôme
    Angehängte Dateien
    Das Redationssystem (CMS)

  • #2
    AW: Box layout mit div und css

    habe es selber lösen können...

    Code:
    .pos1{
     position: absolute;
     top: 0px;
     left: 0px;
    }
    
    .pos2{
     position: relative;
     top: 140px;
     left: 0px;
    }
    
    .pos3{
     position: relative;
     top: 280px;
     left: 0px;
    }
    
    .menu_top{
     position: absolute;
     width: 196px;
     height: 10px;
     background:transparent url(img/design/menu_top.png) no-repeat left top;
    }
    
    .menu_main{
     position: absolute;
     top: 10px;
     width: 196px;
     background: transparent url(img/design/menu_main.png) repeat-y top;
     height: auto !important; /* ie ignores it */
     height:100%; /* fix */
    }
    
    .menu_footer{
     position: absolute;
     width: 196px;
     height: 37px;
     background:transparent url(img/design/menu_footer.png) no-repeat bottom;
    }
    Das Redationssystem (CMS)

    Kommentar

    homepage-forum.de - Hilfe für Webmaster! Statistiken

    Einklappen

    Themen: 56.714   Beiträge: 429.207   Mitglieder: 28.475   Aktive Mitglieder: 45
    Willkommen an unser neuestes Mitglied, sw2.

    Online-Benutzer

    Einklappen

    221 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 217.

    Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    Die neuesten Beiträge

    Einklappen

    Lädt...
    X