Solved

How to center content (body, div, td, etc) for FF3 & IE7?

Posted on 2008-10-07
2
1,346 Views
Last Modified: 2009-05-26
I've been searching for a while today and cannot seem to find the right answer. I am trying to center some elements (body, div, td, etc) for FF3 and IE7.

The doc type I am using is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

The CSS version is 2.1

The CSS works fine in IE7 and mostly works in FF3, except for the centering.

I have tried "margin: auto;", "margin: 0 auto;", "margin-left: auto;", "margin-right: auto;" in addition to "text-align: center;" and I also tried setting the div width to 100% along with these attempts.

I tried on the elements themselves as well as the parent elements.

So... now what? Also, if anyone has a link to a read-able and manageable reference to CSS in FF, that would be great.

Thanks.
0
Comment
Question by:xizwyck
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 3

Author Comment

by:xizwyck
ID: 22661041
This is frustrating. No matter what I do, I can't get FireFox to center anything - isn't this SUPPOSE to be a better browser?
0
 
LVL 14

Accepted Solution

by:
EMB01 earned 100 total points
ID: 22662046
This is how I center mine:
body { text-align: center; }
div#container {margin: 0 auto; }

Now, just put your content inside the container .DIV. That worked for me on my last cross-browser test...
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question