HTMLHelp Forums > Centering layout div in FF

Full Version: Centering layout div in FF

HTMLHelp Forums > Web Authoring > Cascading Style Sheets

iamglenn

Aug 31 2007, 02:24 AM

Working on a client's site: http://pwjitters.com/jitters

The layout div #container is centered correctly in IE BUT in FF, it is aligning left. Suggestions?

Here's the template and stylesheet links:
http://pwjitters.com/jitters/templates/default/template.htm
http://pwjitters.com/jitters/templates/def.../stylesheet.css

Thanks in advance :]

Frederiek

Aug 31 2007, 03:45 AM

The selector name for the container div has a typo and is called #containter in the CSS. Names have to match.
Set the margin in that div to 0 auto;, which will center the div horizontally. For some older browsers, you might need to set the text-align to center.

margin: 0 auto;
text-align: center;

And you haven't closed the first body tag
<body should be <body>.

BTW, the CSS file http://pwjitters.com/jitters/stylesheet.css can't be found on the server.

iamglenn

Aug 31 2007, 10:45 AM

Wow yes I thought I was going crazy I've done this too many times and nothing was working, thanks for correcting my eye-sight!:)

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.