Hilfe bei CSS



  • Kann mir bitte jemand ein CSS posten:

    Oben eine Box in der dann das Menü und ein Logo kommt.
    Unten eine Box die aber immer am Unteren Rand sein soll.
    Mitte ein Box mit dem eigentlichen Inhalt.
    Habe von CSS nicht viel Ahnung.

    Danke

    LG
    Thomas



  • So in etwa müsste es gehen

    <div style="width:100%;height:10%;border:thin black double"></div>
    <div style="width:100%;height:85%;overflow:scroll;border:thin black double"></div>
    <div style="width:100%;height:5%;border:thin black double"></div>
    


  • Afaik musst du für den body dann auch die Ausdehnung explizit angeben mit width:100% und height:100%, da sich die Prozentwerte auf das Elternelement beziehen.
    Wenn du eine fixe Höhe verwenden willst musst du die divs wohl absolut positionieren (das obere mit Angabe von top, das untere mit Angabe von bottom, das mittlere dann 100% mit Angabe von margin bzw. padding (weiß grad nicht genau 🤡 )



  • Eigentlich muss man die Ausdehnung des Bodys nicht angeben da der sowieso die ganz Anzeige einnimmt,man kann aber Margin beim Body auf 0 setzen damit die divs ganz zum Rand gehen.



  • Zumindest der IE stellt die divs aber ohne diese Angabe nicht richtig dar: http://c-plusplus.net/forum/viewtopic.php?t=48118


Log in to reply