The IWDN

Corey Bryant · February 7th, 2006, 23:49

Using

Code:

body
 {
	background: #ffff url("../images/back.gif");
	padding: 0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto;
}
#wrapper
{	
	width: 800px;
	margin: 0px auto;
	text-align: center;
}

and

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

for some reason in Internet Explorer, it is not centering. At some point it was and it actually centers on all other pages (using the same style sheet, etc) except for one page.

Reference: [Centering in Firefox

Pauly · February 7th, 2006, 23:53

Corey I think you missed some mark up?

the_pm · February 7th, 2006, 23:54

I'll bet it has something to do with the actual markup on the page, maybe the wrapper div is missing, or there's a misspelling or something. Can you point to the page?

Corey Bryant · February 8th, 2006, 00:04

I really wish I could point to the page but this one is sort of secret. I checked everything but all the divs seem to be in place actually. That was one of the first things I checked because the nav bar is also different on the home page of IE but on Firefox everything is perfectly fine. (I just did not know if I missed the obvious (the usual thing) rather than something that I have to dive into a bit more or just tell the programmers - Fix it!) LOL

That is what is more frustrating than anything LOL

kirxklox · February 8th, 2006, 01:26

Put a box around it and see where it centers to.

Martin · February 8th, 2006, 06:10

Can't believe you all missed this. You tired or something?

text-align:center goes on the body. margin:auto goes on the div to be centered (in this case #wrapper), and text-align:left is also applied here to reset the text in standards-compliant browsers.

Thank you all, and goodnight!

the_pm · February 8th, 2006, 06:12

Hmm, I simply assumed Corey wanted all of the text inside #wrapper to be aligned to the center, not that he was using this to align the page

The margin style within the body should simply be margin:0 (add padding:0 for us Opera users too please), and that should do it!

Corey Bryant · February 8th, 2006, 12:46

Thanks - that fixed it. I was trying to center the page / create a way to put the page to the left as well if some users wanted that. And I added the padding as well

Thanks!

The IWDN

Forum Menu