How do i get the whole page to center in the middle of the screen?

  • OK. I’ve looked and looked and searched and searched. I’m new and I know this is a simple fix but I can’t find it…

    Does anyone know how to adjust the CSS so that the entire blog is centered in the user’s screen?

    Here’s my blog…
    https://www.maritimejobfinder.com

    and here is the css I’m using

    You’ll note that, now, my blog stretches across the entire screen and I want to tighten it up…

    If anyone could help I would really appreciate it.

    Matt

Viewing 2 replies - 1 through 2 (of 2 total)

  • Just put it in a wrapper. Following codes may help –

    CSS

#wrapper {width:800px}
body {margin:0 auto}

HTML

<body>
<div id="wrapper>
Rest of your code
</div>
</body>

    add to css:

    #wrapper {
    width:700px; /*or width you want can be %, em, px, whatever*/
    margin:auto;
    }

    the idea is to assign a width, and then use auto margin to center it. the right way to do it is to assign the width declaration to your body tag, and auto margin it there… but you can split it up elsewhere if you so like. I didn’t dig too deep into your css because it is not constructed in a way that is easy to quickly follow.. but what I told you is the jest of centering stuff…and should serve you well.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do i get the whole page to center in the middle of the screen?’ is closed to new replies.

Tags