PLEASE HELP! Why is this web page not centering ininternet explorer 6?

I'm new to web design, this is just a practice web page. I don't know half of
what I'm doing.
Anyway, here's my problem. This web page
http://www.patrickjudson.com/demo_page1g.html will not center when viewed in
internet explorer 6.

I have tested this page in all other browsers but the page will not go in the
center of the browser in internet explorer 6. This is the link to the page.
http://www.patrickjudson.com/demo_page1g.html

Any ideas? Please help!

Patrick

wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
}

IE6 will center a wrapper with auto side margins if the doctype given on the
page puts that browser into "standards" mode. For most pages, it will be the
case that you use such a doctype, so this workaround for centering a wrapper
can be considered to be primarily focused on IE5.x/Win browsers.


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

I'm new to web design, this is just a practice web page. I don't know half
of
what I'm doing.
Anyway, here's my problem. This web page
http://www.patrickjudson.com/demo_page1g.html will not center when viewed
in
internet explorer 6.

I have tested this page in all other browsers but the page will not go in
the
center of the browser in internet explorer 6. This is the link to the
page.
http://www.patrickjudson.com/demo_page1g.html

Any ideas? Please help!

Patrick

[q]Originally posted by: Newsgroup User
wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
}

IE6 will center a wrapper with auto side margins if the doctype given on the
page puts that browser into "standards" mode. For most pages, it will be the
case that you use such a doctype, so this workaround for centering a wrapper
can be considered to be primarily focused on IE5.x/Win browsers.


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

I'm new to web design, this is just a practice web page. I don't know half
of
what I'm doing.
Anyway, here's my problem. This web page
http://www.patrickjudson.com/demo_page1g.html will not center when viewed
in
internet explorer 6.

I have tested this page in all other browsers but the page will not go in
the
center of the browser in internet explorer 6. This is the link to the
page.
http://www.patrickjudson.com/demo_page1g.html

Any ideas? Please help!

Patrick

[/q]


Thanks very much for you help. However if you look at the codes, I already had
that applied that.
I centered the text alignment on the body tag and then over ride it with the
left alignment on the wrapper tag to center the page and fix the problem with
internet explorer 6. But this is not working at all.

Did you look at the codes?

Patrick

Could it be this spelling?

"The truth is lemons are selfish little bastereds."

Nahh - probably not.... 8)

Actually, it seems that you have done everything right, yet in IE6, it
appears that you have made the container wider with a margin somewhere so
that the center point is offset to the left. Both your HTML and your CSS
validate, so I'm a bit puzzled here....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


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

I'm new to web design, this is just a practice web page. I don't know half
of
what I'm doing.
Anyway, here's my problem. This web page
http://www.patrickjudson.com/demo_page1g.html will not center when viewed
in
internet explorer 6.

I have tested this page in all other browsers but the page will not go in
the
center of the browser in internet explorer 6. This is the link to the
page.
http://www.patrickjudson.com/demo_page1g.html

Any ideas? Please help!

Patrick

Noone really uses IE6 that much anymore, when IE8 gets released it will totally die

That would be dependent on what your site's session logs show, of course.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


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

Noone really uses IE6 that much anymore, when IE8 gets released it will
totally die

..oO(geeturs)

Noone really uses IE6 that much anymore,

For me 15-30% is a bit more than "no one" (these are actual value from
two of my sites, from the beginning of 2008 until now).

when IE8 gets released it will
totally die

Wrong again. It will be around for many years to come, simply because
IE7 won't run on Win2k, which is still a widely used OS. These people
simply can't update their IE.

Micha

Webethics wrote:

I'm new to web design, this is just a practice web page. I don't know half of
what I'm doing.
Anyway, here's my problem. This web page
http://www.patrickjudson.com/demo_page1g.html will not center when viewed in
internet explorer 6.

I have tested this page in all other browsers but the page will not go in the
center of the browser in internet explorer 6. This is the link to the page.
http://www.patrickjudson.com/demo_page1g.html

Any ideas? Please help!

Patrick

Remove the width: 780px; from below.


#nav{
list-style: none;
width: 780px;
padding-right: 0px;
height: 46px;
padding-left: 190px;
background-repeat: no-repeat;
background-position: left top;
padding-top: 0px;
background-image: url(web_images/lemom_menu_bgimg1a.jpg);
margin: 0px;
padding-bottom: 0px;
}


I know its wide spread practice to style a <ul> but in my opinion its
still flaky in browsers such as IE6. Therefore I usually put minimum
styling on the <ul> and the rest on a containing <div>

That's it. The combination of padding-left and width makes that element
190+780px wide, causing the center point to be offset by 95px to the
left....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


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

Webethics wrote:
I'm new to web design, this is just a practice web page. I don't know
half of what I'm doing.
Anyway, here's my problem. This web page
http://www.patrickjudson.com/demo_page1g.html will not center when viewed
in internet explorer 6.

I have tested this page in all other browsers but the page will not go
in the center of the browser in internet explorer 6. This is the link to
the page. http://www.patrickjudson.com/demo_page1g.html

Any ideas? Please help!

Patrick


Remove the width: 780px; from below.


#nav{
list-style: none;
width: 780px;
padding-right: 0px;
height: 46px;
padding-left: 190px;
background-repeat: no-repeat;
background-position: left top;
padding-top: 0px;
background-image: url(web_images/lemom_menu_bgimg1a.jpg);
margin: 0px;
padding-bottom: 0px;
}


I know its wide spread practice to style a <ul> but in my opinion its
still flaky in browsers such as IE6. Therefore I usually put minimum
styling on the <ul> and the rest on a containing <div

Its a nightmare designing for all the avaliable browsers