Hello everyone and thanks for your help in advance. I am new to CSS and am trying to learn through deconstructing sites. I started playing witht he first page of www.microsoft.com to see if I could understand it. I have my first effort at:

http://www.efrec.com/ms4.htm

I am trying to figure out two pieces. First, the lower gradient appears to ride up over the top gradient and I'm not exactly sure why since I have the style specified as lower left. Second, I am trying to figure out how to get the white background div to display in the middle of the page. Any help would be greatly appreciated.

Hi, welcome to the forum! :)

I really think you shuld choose another page to learn from because you won't learn the right things there...

[EDIT]
I forgot the forum can't handle complex URLs. Lets see if this works then. You have to copy-paste...
[EDIT 2]
It didn't work so I removed it. :D

Oh darn. Here goes then.

http://nailie.notlong.com
http://owied.notlong.com
http://iechahh.notlong.com

--
http://yupapa.com

Thanks for the response. I see what you mean based on the links sent. Can you pleae give me some idea as to the "correct" way to get the same effect?

The white box is centered. Except in MSIE that doesn't understand centering with auto margins when in Quirks Mode. You need to use a doctype and one that triggers Standards Mode (AKA Strict Mode) at that. You can read all about this gruesome business here.

http://hsivonen.iki.fi/doctype/

As for the lower background image, isn't that because the page is so much shorter than MS's? The image is rather high, more than half the available space on my 1024*768 screen with a maximized browser window. I didn't look too close, but that's the first thing that hits me.


--
http://yupapa.com