• MrBafner

    (@mrbafner)


    I need help ..
    I am wanting to stop the main wrapper and footer moves when the browser is resized.

    Am wanting it to stay lined up with the yellow in the header.

    The website is HERE

    Am ripping out hair now .. aaaarrrr!!!

    Here is the main parts of the styles.css

    #wrapper {
    overflow: hidden;
    position: relative;
    float: center;
    height: auto;
    margin:auto;
    width: 900px;
    background: rgb(241,238,0);

    }
    #main, #content {
    float: left;
    margin: auto;
    height: auto;
    min-height: 400px;
    width: 650px;
    }

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Don’t use margin: 0 auto; to centre your elements. Just move them using margins/ positioning towards the centre. Of course you no longer have a centre that way because you do not want it to move in relation to the screen size.

Viewing 1 replies (of 1 total)

The topic ‘Stop wrapper from moving – CSS only issue’ is closed to new replies.