HTML Forum

**Silent77** · 12-07-2006, 03:20 PM

I have a table inside of a div that I added this code to

Code:

        body.margin {
            margin:0;
            }
        div.container {
            width: 790px;
            margin-right:auto;
            margin-left:auto;
            text-align:center;
          }

the html is this

HTML Code:

<body class="margin">
<div class="container">

When I add the width on the container it works in IE but doesn't in FF, when I get rid of the width it works in FF but not IE. So does anyone know why this is doing this?

Thanks.

**blackhawkpowers** · 12-07-2006, 07:49 PM

I have no idea why that is but it may work to do

HTML Code:

<center><div class="container"> ............. </div></center>

</SPAN>

sorta an old way to do it but would work temporarly..

**Silent77** · 12-07-2006, 07:57 PM

Yeah it is a temporary solution but <center> is deprecated

**LadynRed** · 12-07-2006, 08:12 PM

Exactly.
You don't need a class for body, just put in rules for body:

body{
margin:0;
padding: 0;
}

As for centering.. you need 2 things:
for IE, put text-align: center in your body rules. Then for FF, Opera, Safari, etc.
put a width on your #container and use the margin: 0 auto; and the container will center. Then add text-align: left to get your TEXT back where it belongs inside the container.

**Silent77** · 12-07-2006, 08:31 PM

Ah I see... Thanks

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!