[CSS] Container an unteren Rand

  • Hallo Community,


    ich bin gerade dabei eine Webseite zu erstellen.
    Nur ich komme beim FooterContainer nicht weiter...
    Er soll ganz runter an den Rand...
    Nur er klebt unter der Navigation...


    ContentContainer kommt später noch...



    Code: (CSS)

    Code
    #footerContainer {
    	margin-bottom: 0px;
    	background-color: black;
    	height: 50px;
    }


    Code: (HTML)

    Code
    <div id="footerContainer">
    		<!-- Inhalt kommt noch -->
    </div>


    Mfg, Markus :)

    Einmal editiert, zuletzt von [Markus] ()

  • Positioinieren? Wenn er ganz unten an der Seite "fest" sein soll position: fixed;


    Advertising has us chasing cars and clothes, working jobs we hate so we can buy shit we don’t need.
    – Tyler Durden


    Sobald Werbung im Spiel ist, bist du, die Nutzerin, der Nutzer, das Produkt.


  • Er soll ganz runter an den Rand, damit hatte ich verstanden das er gefixt sein soll unten am Rand. Auf jeden Fall positionieren halt.


    Advertising has us chasing cars and clothes, working jobs we hate so we can buy shit we don’t need.
    – Tyler Durden


    Sobald Werbung im Spiel ist, bist du, die Nutzerin, der Nutzer, das Produkt.


  • Das schwarze was oben ist also der Container soll runter in den kasten den ich makiert habe ^^


    Hier meine Proffesionelle Vorschau :D

  • Code
    #footerContainer {
    	margin-top: 100%;
    	position: absolute;
    	background-color: black;
    	height: 50px;
    }


    Funktioniert nicht..
    Jetzt ist der Container komplett weg..


    //E
    Habe schon viel ausprobiert mit margin... aber nichts funktioniert..

  • Code
    #footerContainer {
    	margin-top: 100%;
    	position: absolute;
    	background-color: black;
    	height: 50px;
    }


    Funktioniert nicht..
    Jetzt ist der Container komplett weg..


    //E
    Habe schon viel ausprobiert mit margin... aber nichts funktioniert..


    Verscuh mal so :
    ]

    Code
    #footerContainer {
    	margin-top: 50px;
    	position: absolute;
    	background-color: black;
    	height: 50px;
    }

    I like things with "C“ : Code + Cookies + Coffee + Cola + CBacon

  • Code
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    Dann klebt er selbst beim Scrollen ganz unten ;)


    Danke, es funktioniert nun :)