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

Well, first of all I would like to thanks everyone who took time to respond to
this thread. I finally fixed the problem.

The solution was to remove the width from the from the nav Div.

This is what the Nav code/CSS looks like with the width.
The problem is the width and the padding was all adding up causing the page to
go left. I basically removed the specified width of 780px.
This causes the page to centered.


#nav{
width: 780px
list-style: none;
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;
}

Since I could not remove the padding because the background image needed to be
visible from under.

I'm learning web design, and I wanted to push my knowledge with out the use of
table. I did not use any table in this design. CSS only.

Please tell me what you think.

Thanks again.

Patrick

You have made a really excellent start.

And, do you really think that lemons don't have nipples?

--
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

Well, first of all I would like to thanks everyone who took time to
respond to
this thread. I finally fixed the problem.

The solution was to remove the width from the from the nav Div.

This is what the Nav code/CSS looks like with the width.
The problem is the width and the padding was all adding up causing the
page to
go left. I basically removed the specified width of 780px.
This causes the page to centered.


#nav{
width: 780px
list-style: none;
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;
}

Since I could not remove the padding because the background image needed
to be
visible from under.

I'm learning web design, and I wanted to push my knowledge with out the
use of
table. I did not use any table in this design. CSS only.

Please tell me what you think.

Thanks again.

Patrick

Are you a Lemon Advocate? Well Murray, you are a very great and wonderful
helper and resource!

All graphics on this page was created with Fireworks CS3.
I cannot afford to go to school right now and so I just read experiment, build
and tear apart, start all over.

Next I'm going to try to create both elastic and liquid version of the lemon
page. The colors and graphics are suppose to be hard on the eyes and give the
page a citrus look!

Thanks for your inputs.

Patrick

Next I'm going to try to create both elastic and liquid version of the
lemon
page. The colors and graphics are suppose to be hard on the eyes and give
the
page a citrus look!

Good luck. My favorite citrus look is here -

http://www.projectseven.com/viewer/index.asp?demo=keylime

I liked it so much, I adapted it for my brother's site -

http://www.wildimages.biz

--
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

Are you a Lemon Advocate? Well Murray, you are a very great and
wonderful
helper and resource!

All graphics on this page was created with Fireworks CS3.
I cannot afford to go to school right now and so I just read experiment,
build
and tear apart, start all over.

Next I'm going to try to create both elastic and liquid version of the
lemon
page. The colors and graphics are suppose to be hard on the eyes and give
the
page a citrus look!

Thanks for your inputs.

Patrick

[q]

I liked it so much, I adapted it for my brother's site -

http://www.wildimages.biz

Hey Murray, I have two questions,
first, the web page you did for your brother, are the new pages opening in a
new window? Or are you using song kind of spry like technic? You know like when
you click on a link, the page opens up but you still have the links and the
banner/header and the nav bar. How do you do that.

Second, since CSS does not have pre-loader for link images like Java Script,
is it safe to use images when creating CSS nav bars? Do you recommend flash or
Javascript?

Thanks, Patrick

--
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

Are you a Lemon Advocate? Well Murray, you are a very great and
wonderful
helper and resource!

All graphics on this page was created with Fireworks CS3.
I cannot afford to go to school right now and so I just read experiment,
build
and tear apart, start all over.

Next I'm going to try to create both elastic and liquid version of the
lemon
page. The colors and graphics are suppose to be hard on the eyes and give
the
page a citrus look!

Thanks for your inputs.

Patrick

[/q]

Each page is a separate page. There are no tricks there. But each page is
well optimized, and the page refresh is so rapid you don't even notice it
since most of those graphics are now already in the local browser cache.

Second, since CSS does not have pre-loader for link images like Java
Script,
is it safe to use images when creating CSS nav bars?

Sure.

Do you recommend flash or
Javascript?

Definitely not Flash, and I usually don't opt for javascript rollovers
unless some other consideration forces me to. The ones on this site are
just ordinary CSS rollovers.

--
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

[q]

I liked it so much, I adapted it for my brother's site -

http://www.wildimages.biz

Hey Murray, I have two questions,
first, the web page you did for your brother, are the new pages opening in
a
new window? Or are you using song kind of spry like technic? You know like
when
you click on a link, the page opens up but you still have the links and
the
banner/header and the nav bar. How do you do that.

Second, since CSS does not have pre-loader for link images like Java
Script,
is it safe to use images when creating CSS nav bars? Do you recommend
flash or
Javascript?

Thanks, Patrick

--
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 in message
news:g5ir5q$b9l$1 (AT) forums (DOT) macromedia.com...
Are you a Lemon Advocate? Well Murray, you are a very great and
wonderful
helper and resource!

All graphics on this page was created with Fireworks CS3.
I cannot afford to go to school right now and so I just read experiment,
build
and tear apart, start all over.

Next I'm going to try to create both elastic and liquid version of the
lemon
page. The colors and graphics are suppose to be hard on the eyes and
give
the
page a citrus look!

Thanks for your inputs.

Patrick


[/q]

[q]Originally posted by: Newsgroup User
Each page is a separate page. There are no tricks there. But each page is
well optimized, and the page refresh is so rapid you don't even notice it
since most of those graphics are now already in the local browser cache.
[/q]

I'm a little confused as to what you mean by "optimized."
I tried doing the same thing with my page but you can notice that the page
that is loading is a different page.
What confuses me more is this, when the new page loads, the Wrapper DIV
containing the entire page "shifts" casing a movement that makes you know it's
a different page rather then creating the sensation that the page is opening in
the same page.

How do you get this to work so smoothly?

Thanks - Patrick

html, body { min-height:100%; margin-bottom:1px; }

Put this below any body rule that sets margins. It will force all pages to
have a vertical scrollbar, even if they don't need it. That's the shift you
are seeing.

--
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

[q]Originally posted by: Newsgroup User
Each page is a separate page. There are no tricks there. But each page
is
well optimized, and the page refresh is so rapid you don't even notice it
since most of those graphics are now already in the local browser cache.
[/q]

I'm a little confused as to what you mean by "optimized."
I tried doing the same thing with my page but you can notice that the page
that is loading is a different page.
What confuses me more is this, when the new page loads, the Wrapper DIV
containing the entire page "shifts" casing a movement that makes you know
it's
a different page rather then creating the sensation that the page is
opening in
the same page.

How do you get this to work so smoothly?

Thanks - Patrick

[q]Originally posted by: Newsgroup User
html, body { min-height:100%; margin-bottom:1px; }

Put this below any body rule that sets margins. It will force all pages to
have a vertical scrollbar, even if they don't need it. That's the shift you
are seeing.
[/q]

This is what I did and it's working, click on this link to see.
http://www.patrickjudson.com/demo_page1g.html
I remove the target, this enables the new page to open/replace the mothe or
index. This creates the illusion that the page us using something like
spry/AJAX.

I will include the code you provide for the body but I need you to look at
this first.

Patrick

Hi.

Excuse my intrusion. There is a technic called "Sliding Doors" in which you
use only one image for the diferents menus states. It´s a little tricky to
learn but worth the time. I discovered the technic precisely in one´s of
Murray portfolio sites, specifically this:
http://www.comparemyagent.com/

As you can see the menu is very fast and don´t need preload.

Investigate in google, as i did, and you will learn to do it for your self.

Miguel.

Second, since CSS does not have pre-loader for link images like Java
Script,
is it safe to use images when creating CSS nav bars? Do you recommend
flash or
Javascript?

Thanks, Patrick