Home/ Questions/Q 111487
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T02:23:36+00:00

I am attempting to center my entire page using only CSS and it is

  • 0

I am attempting to center my entire page using only CSS and it is proving more complicated than i first expected. Currently my code works in IE but not in Firefox which makes a change. The page can be seen here. Below is the code portion involved:

#wrap {     width: 960px;     margin: 0 auto;     padding: 6px;     background: #FFFFFF; }

The structure of my HTML is:

<body> <div id='wrap'>     Gubbins in here. </div> </body>

It seems that in Firefox everything following the wrap div is be created outside of it. This is problem is resolved if i add a ‘float: left’ to the wrap div but then obviously everything floats left rather than center.

Any help would be greatly appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Change your markup to 

    <body> <div id='wrap'>     Gubbins in here. </div> </body>

    EDIT: Looking at the link, you’ve already done that. You’ll want to either add overflow:auto; to #wrap or add a clearing div at the end just before the closing tag on the wrap div.

    Also, on your example page, the wrap div is missing its closing tag.

    • 0