centering a webpage in IE6

#1

hello, i am trying to center my webpage using css, it's working in Firefox and
Opera but not IE6. i have this in my html <body> <div class='wrapper'>
content for page goes here . . </div> </body> and here is my
style sheet body { background-color: white; color: black; font: 0.8em Arial,
Helvetica, sans-serif; } div.wrapper { width: 624px; margin-left: auto;
margin-right: auto; border: 1px solid red;} <<this is just so i can see where
the wrapper is>> i think i've done this before on another site and it worked
then, but i cant figure out why this isnt working. please help me and stop
my descent into insanity! Thanks

#2

add position: relative; to the 'wrapper' <div> css style.

div.wrapper { width: 624px; margin-left: auto;
margin-right: auto; border: 1px solid red;}

chrisallen76 wrote:

Quote:

hello, i am trying to center my webpage using css, it's working in Firefox and
Opera but not IE6. i have this in my html <body> <div class='wrapper'
content for page goes here . . </div> </body> and here is my
style sheet body { background-color: white; color: black; font: 0.8em Arial,
Helvetica, sans-serif; } div.wrapper { width: 624px; margin-left: auto;
margin-right: auto; border: 1px solid red;} <<this is just so i can see where
the wrapper is>> i think i've done this before on another site and it worked
then, but i cant figure out why this isnt working. please help me and stop
my descent into insanity! Thanks

#3

body { background-color: white; color: black; font: 0.8em Arial,
Helvetica, sans-serif; text-align:center; }
div.wrapper { width: 624px; margin-left: auto; margin-right: auto;
border: 1px solid red;}

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"chrisallen76" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

hello, i am trying to center my webpage using css, it's working in
Firefox and
Opera but not IE6. i have this in my html <body> <div class='wrapper'
content for page goes here . . </div> </body> and here is my
style sheet body { background-color: white; color: black; font: 0.8em
Arial,
Helvetica, sans-serif; } div.wrapper { width: 624px; margin-left: auto;
margin-right: auto; border: 1px solid red;} <<this is just so i can see
where
the wrapper is>> i think i've done this before on another site and it
worked
then, but i cant figure out why this isnt working. please help me and
stop
my descent into insanity! Thanks

#4

Actually, that's only important if other positioned elements will be
contained within.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Quote:

add position: relative; to the 'wrapper' <div> css style.

div.wrapper { width: 624px; margin-left: auto;
margin-right: auto; border: 1px solid red;}

chrisallen76 wrote:

hello, i am trying to center my webpage using css, it's working in
Firefox and Opera but not IE6. i have this in my html <body> <div
class='wrapper'> content for page goes here . . </div
/body> and here is my style sheet body { background-color: white;
color: black; font: 0.8em Arial, Helvetica, sans-serif; } div.wrapper
{ width: 624px; margin-left: auto; margin-right: auto; border: 1px
solid red;} <<this is just so i can see where the wrapper is>> i think
i've done this before on another site and it worked then, but i cant
figure out why this isnt working. please help me and stop my descent
into insanity! Thanks

#5

humm.... isnt text-align: center; just to cater for PC IE5x. The wrapper
<div> should center without needing to add text-align:center; to the
body tag?

Murray *TMM* wrote:

Quote:

body { background-color: white; color: black; font: 0.8em Arial,
Helvetica, sans-serif; text-align:center; }
div.wrapper { width: 624px; margin-left: auto; margin-right: auto;
border: 1px solid red;}

#6

i've tried text-align: center; in the body but it doesnt have any effect! i've
also tried adding the position relative, but again no effect. I cant
understand this at all! i dont want to have to add : <body
align='center'> in the HTML

#7

Yes. And it will center in FF.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Quote:

humm.... isnt text-align: center; just to cater for PC IE5x. The wrapper
div> should center without needing to add text-align:center; to the body
tag?

Murray *TMM* wrote:

body { background-color: white; color: black; font: 0.8em Arial,
Helvetica, sans-serif; text-align:center; }
div.wrapper { width: 624px; margin-left: auto; margin-right: auto;
border: 1px solid red;}

#8

You must be doing something wrong. Adding the text-align:center is all you
need to do.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"chrisallen76" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

i've tried text-align: center; in the body but it doesnt have any effect!
i've
also tried adding the position relative, but again no effect. I cant
understand this at all! i dont want to have to add : <body
align='center'> in the HTML

#9

Murray *TMM* wrote:

Quote:

Yes. And it will center in FF.

Huh?

It should center in all modern browsers (apart from pc IE5x) without the
need to add text-align center, I think.

I have to test it.

#10

You do not need the text-align:center for any browser than IE. It does not
HURT in other browsers, because you immediately reset it to text-align:left
in the wrapper. You do need it there to center in IE.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Quote:

Murray *TMM* wrote:

Yes. And it will center in FF.

Huh?

It should center in all modern browsers (apart from pc IE5x) without the
need to add text-align center, I think.

I have to test it.