Footer Responsive Webseite

  • Hallo zusammen,

    ich habe leider folgendes Problem...

    Ich erstelle eine responsive Webseite mit Navigation, wenig Content und einem Footer. In der Desktop version funktioniert alles wie ich möchte dann beim Breakpoint verschwindet der Inhalt im Footer aber der Footer bleibt.


    Den Footer habe ich so erstellt:

    HTML:

    <footer>

    <ul>

    <li>Text123</li>

    </ul>


    CSS

    footer{

    width:100%;

    height:40px;;

    background:#999;

    position:fixed;

    left: 0px;

    bottom: 0px;

    }

    footer ul li{

    list-style:none;

    text-align:left;

    width: 60%;

    margin: auto;

    font-weight:normal;

    font-size: 15px;

    color: white;

    margin-top: 12px;

    }



    Mobile CSS:

    footer{

    width:100%;

    height:40px;

    background:#999;

    position:fixed;

    left: 0px;

    bottom: 0px;

    }

    footer ul li{ list-style:none;

    text-align:left;

    width: 40%;

    margin: auto;

    font-weight:normal;

    font-size: 15px;

    color: white;

    margin-top: 12px;

    }

    Danke schön für eure hilfe!

  • Hallo


    Ich kann das Problem aus deinen Angaben nicht nachvollziehen. Da braucht es wohl einen Link zu der Seite.


    Im Quelltext fehlt das schließende footer-Tag.


    Gruss


    MrMurphy