[CSS] Divs, 100% height, usw..

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

  • [CSS] Divs, 100% height, usw..

    Hallo

    nachdem ich nun gut ne stunde die suchergebnisse durchforstet habe
    und nix brauchbares gefunden habe poste ich mal.

    ich möchte das mein menü-div 100% height hat.

    jetzt siehts so aus:
    http://nein-andy.de/problem.png

    der blaue rand umrandet den div #content
    der rote rand den #menu ul
    der pfeil zeigt einigermaßen wie es werden soll

    so solls dann werden:
    http://nein-andy.de/sosollsaussehen.png

    html-code

    Code:
    (...)
    <body>    
        <div id="maincontainer">
            <div id="title">
                <img src="$tpldir$images/logo.png" alt="andylib v3" />
            </div>
            
            <ul class="menu">
                <li>&#187; <a href="#">Administrator Panel</a></li>
                <li>&#187; <a href="#" onclick="swap('menubef');">Befehlshilfe</a></li>
                <li style="display: none; background-color: #424242;" id="menubef">
                    <ul class="submenu">
                        <li>&#187; <a href="#">pika1</a></li>
                        <li>&#187; <a href="#">pika2</a></li>
                    </ul>
                </li>
                <li>&#187; <a href="#">irgendwas anders</a></li>
            </ul>
    
            
            <div id="content">
    
                <h3>&#187; test? &#171;</h3>
    
            </div>
    
    
        </div>
    </body>
    (...)
    CSS Code
    Code:
    (...)
    
    #maincontainer {
        width: 100%;
        height: 100%;
        
        background-color: #000000;
    }
    
    #title {
        height:80px;
        border-bottom: 2px #909090 solid;
        text-align: center;
        
        background-color: #252525;
    }
    
    #content {
        width: 76%;
        float: left;
        padding: 15px 2%;
    
        background-color: #383838;
        height: 100%;
    }
    
    .menu {
        margin: 0px;
        padding: 0px;
        
        width: 20%;
        height: 100%;
        float: left;
    
        background-color: #424242;
    }
    
    (...)
    ich hoffe ihr könnt mir bei dem problem helfen

    ich geh besser erstmal schlafen

  • #2
    Re: [CSS] Divs, 100% height, usw..

    Original geschrieben von newhx
    ich möchte das mein menü-div 100% height hat.
    100% von was?
    I don't believe in rebirth. Actually, I never did in my whole lives.

    Kommentar


    • #3
      na 100% von der browserhöhe, so wie im 2. bild

      Kommentar


      • #4
        Original geschrieben von newhx
        na 100% von der browserhöhe
        "browserhöhe" ist in diesem falle ein unsinniger begriff.

        wenn du die höhe der vorfahrenelemente meinst, musst du diesen auch eine höhe geben, sonst richten sie sich ja nach dem inhalt.
        I don't believe in rebirth. Actually, I never did in my whole lives.

        Kommentar


        • #5
          #maincontainer hat ja höhe 100%
          und body hab ich auch versucht 100% zu machen

          aber bringt beides keinen erfolg.

          Kommentar


          • #6
            Original geschrieben von newhx
            und body hab ich auch versucht 100% zu machen
            body ist nicht das erste vorfahrenelement.
            I don't believe in rebirth. Actually, I never did in my whole lives.

            Kommentar


            • #7
              ok danke,

              html {
              height: 100%;
              }



              naja wieder was gelernt

              Kommentar


              • #8
                an diesem problem bin ich schon 1000000000mal gescheitert ABER: macht sinn!

                Kommentar

                Lädt...
                X