asked on

CSS Site aligned center - Not centered in FireFox (DotNetNuke Site)

Looking a site that was done using DotNetNuke (DNN).

I've been asked to align the whole to the center. So I simply put the whole site in a DIV tag and added some CSS.

It displays fine in IE7, however, in FireFox v3.0.6 (on windows) the centering doesn't appear to be even. The left side gap seems larger than the other opposite side.

Here is a link to a development copy of the site: http://dnn.nykglobal.com/rylandgray

I have also added the CSS code used to center the site.

Any help would be appreciated.

I didn't produce this skin/template (its tables :P ) but will try to help out with any further questions needed to help resolve this.

Many thanks! :D

/* CSS */
body {
text-align:center; /* for IE */
}
 
div#ctrwrapper {
text-align:left; /* reset text alignment */
width:680px; /* or a percentage, or whatever */
margin:0 auto; /* for the rest */
}

Open in new window

erw13n

if it was a tables, is simple :

<table width="100%" align="center" valign="top">
<tr>
<td>

[Your main body with fixed width]
<table class="pagemaster" .....>
</table>

</td>
</tr>
</table>

SOLUTION

knonie

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

erw13n

If you just want to use <div> :

body {
margin:0px; padding:0px; 
]text-align:center; /* IE hack */
}

Open in new window

myderrick

and if it still doesn't try this technique:
http://buildinternet.com/2008/11/how-to-center-a-website-with-css/

MD

knonie

Everything described in this link has been followed in the site.

Problen was just because of the wrong width value in wrapper div.

:-)

myderrick

Oh OK. I checked and did not find the 800px. Or the browsers are given it an auto width?

The <div id="ctrwrapper"> has 680px and the tables are within.

Kronie kindly point me to the right direction.

MD

SOLUTION

knonie

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION