Re: How to fill background of page with gradient

Tech-Archive recommends: Repair Windows Errors & Optimize Windows Performance

Hi Moondaddy,

Any progress on this issue? If there is still anything else we can help,
welcome to post here.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead


This posting is provided "AS IS" with no warranties, and confers no rights.


--------------------



Hi Moondaddy,

Yes, I agree with Guffa that for XHTML page(the default schema of ASP.NET
2.0 page), the body only cover the size of the actual content on the page
rather than the entire browser window. However, it is also somewhat
specific to the "DXImageTransform.Microsoft.Gradient(" CSS filter
component
as it is quite specific to IE webbrowser. So far for applying gradient
background color for web page, it is recommended that you use a background
image which is gradient and this approach is neutral to all browers. How
do
you think?

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead


This posting is provided "AS IS" with no warranties, and confers no rights.


--------------------
Date: Sat, 01 Sep 2007 10:15:02 +0200



moondaddy wrote:
I want to fill the entire background of a page with a gradient. As a
test,
I first filled with a solid color like this:

<body style="background-color: #ccffff;" >

and the entire page was this color.

next I replaced that with a gradient style like this:

<body style="filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=1,
StartColorStr=
'white' , EndColorStr= '#e9f5ff' );" >

and I entered a few words of text in a div take. the only area with
color
was the div tag.

Lastly I moved the style to a css class and set all the proper
references
and I got nothing. I also did a Google before making this post with no
luck.

Please advise.

Thanks.


What version of html are you using?

in xhtml, the html and body elements is only the size of the content,
not the entire window. You have to set the height of them to 100% to
make them cover the entire window.

--
Göran Andersson
_____
http://www.guffa.com




.

Relevant Pages