Jump to content

Some help with Centering Please


JoCitizen

Recommended Posts

I'm using a script that I have successfully centered in FF using CSS. But the layout in IE is still fixed to the left? www.jcsurf.net

This , I believe is the relevant part of the CSS file

html {

    margin: auto;

    padding: auto;

}

BODY {

    FONT-SIZE: 12px; BACKGROUND: #4268FF; FONT-WEIGHT: normal;

    FONT-FAMILY: Verdana, Arial, Helvetica; COLOR: red;

    margin-left: auto;

    margin-right: auto;

    width:750px;

 

Can someone advise me on what's missing or what needs to be altered? Thanks in Advance

Link to comment
https://forums.phpfreaks.com/topic/57754-some-help-with-centering-please/
Share on other sites

Your approach is terrible.  You shouldn't be setting the width on the body itself.  Since you are using tables for layout, you should set the table to 750px and the set the left/right margin of that table to auto;

 

I would do something like

 

body {
margin: 0;
padding: 0;
...
}

#maintable {
margin: 0 auto;
}

 

in your html have 

 


<body>
  <table id="maintable">
  ...
  </table>
</body>

 

I would also consider dropping the tables for layout since you are already posting this in a css board.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.