CSS + tables + FireFox = swedguy going nuts

Useless · 2005-05-18, 06:27 PM

I think that I understand what you are trying to make happen. I can center the div with the text within the grey block in Firefox, but for whatever reason, it remains sucked to the left in IE.

http://www.maladaptedmedia.com/swed.htm

I've toyed with it a bit, so don't just copy over your current code. I may have pulled something that you need.

In order to make that text div center, display: inline; in #content needs to be changed to display: table; and
margin-left: auto;
margin-right: auto; needs to be added.

This will not play well with margin: 0; that is set in your body style. You'll have to change that to:
margin-left: 0;
margin-right: 1px;
in order to not get a horizontal scroll in Firefox. Note the right margin is 1. 0 gives the scroll.

I've added padding within the text div just pull the text off of the border.

This may help, or it may just add even more confusion.

2005-05-18, 06:27 PM	#9
Useless Certified Nice Person Join Date: Oct 2003 Location: Dirty Undies, NY Posts: 11,268	I think that I understand what you are trying to make happen. I can center the div with the text within the grey block in Firefox, but for whatever reason, it remains sucked to the left in IE. http://www.maladaptedmedia.com/swed.htm I've toyed with it a bit, so don't just copy over your current code. I may have pulled something that you need. In order to make that text div center, display: inline; in #content needs to be changed to display: table; and margin-left: auto; margin-right: auto; needs to be added. This will not play well with margin: 0; that is set in your body style. You'll have to change that to: margin-left: 0; margin-right: 1px; in order to not get a horizontal scroll in Firefox. Note the right margin is 1. 0 gives the scroll. I've added padding within the text div just pull the text off of the border. This may help, or it may just add even more confusion. __________________ Click here to purchase a bridge I'm selling.