[CSS] 3 Layer nebeneinander Platzieren



  • Ich habe die Lösung bei www.php-resource.de/ erhalten:

    <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"  "http://www.w3.org/TR/html4/loose.dtd">
    <html><head><style>
    body{
        background: #FF4422;
        margin : 0px;
        text-align:center;
    }
    
    #center{
        width: 600px;
        margin : 0px auto;
        background: #666666;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        overflow: auto;
    }
    
    </style></head><body>
    
    <div id="center">
    
         <div style="height: 1200px; width:200px; border: 1px solid #000000; background: #FFFFFF;  float: left;"> </div>
         <div style="height: 200px; width:200px; border: 1px solid #000000; background: #FFFFFF;  float: left;"> </div>
    
         <div style="clear: left;"> </div>
    
    </div>
    </body></html>
    


  • Da fehlt jetzt aber wieder das height:100%; für #center und body 😉
    Wenn man das overflow: auto; (weil man keine Scroll-Leiste innen haben will) weg lässt tritt aber immernoch der selbe Fehler auf 😞



  • Da muss man dann wohl einen Kompromiss eingehen... So schlümm sind die Navi-Leisten ja auch nicht 😉

    Grüssle


Anmelden zum Antworten