Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

I guess a simple question but I cant find it :-(

0 views
Skip to first unread message

Klaas

unread,
Jul 27, 2006, 4:33:03 PM7/27/06
to
I want the backgrond of my whole page in gradient.
In the source tab I have:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server">

<div style="width: 100%; height: 100%; filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#0000FF',

EndColorStr='#000000')">

</div>

</form>

</body>

</html>

In the design view everything looks like I want, but in runtime the height
isnt 100% ??? :-s

I also tried a panel but with no luck...

How can I fill the whole page? (dynamicly)


Klaas

unread,
Jul 27, 2006, 4:38:18 PM7/27/06
to
hmm, got some progress...
I put it in the body...nice.
But there is still a white border around it.....how can I get ride of
that???

thanks

"Klaas" <NoS...@klaas.com> schreef in bericht
news:uQq1evbs...@TK2MSFTNGP06.phx.gbl...

brians[MCSD]

unread,
Jul 27, 2006, 6:41:02 PM7/27/06
to
Hello Klass,

I have a gradient background at www.limbertech.com. I accomplished it a bit
differently. In the body element I assigned the background attribute as
follows:

body
{
background: url(Images/PageBackGround.jpg) #99ccff repeat-x;
}

The PageBackGround.jpg is a thin, long image (5x1024) of the gradient as it
goes from dark blue to light blue (#99ccff) which I created using Fireworks
(you could use any different graphics package). It is repeated in the x
direction. Since the background color of the page is specified as light blue
(#99ccff), the image blends into the background of the page at the bottom.
--
brians
http://www.limbertech.com

@-h-o-t-m-a-i-l-c-o-m Alessandro Zifiglio

unread,
Jul 28, 2006, 8:27:31 AM7/28/06
to
hi Klass, in addition to what brains said, make sure you remove the default
margin and the padding from your body element, seems to me that this is what
you are experiencing. Setting it to zero will remove it.
<body style="margin:0px;padding:0px" ..

Regards,
Alessandro Zifiglio
http://www.AsyncUI.net

"Klaas" <NoS...@klaas.com> ha scritto nel messaggio
news:eMEMbybs...@TK2MSFTNGP04.phx.gbl...

Klaas

unread,
Jul 28, 2006, 3:46:37 PM7/28/06
to
YES!!!
You are right Alessandro!!!
Thank you very very much...great!

May the source be with you!!!

greetings,

Klaas

"Alessandro Zifiglio" <AlessandroZifiglio @ -h-o-t-m-a-i-l-c-o-m> schreef in
bericht news:uA0kyEks...@TK2MSFTNGP06.phx.gbl...

Klaas

unread,
Jul 28, 2006, 4:23:18 PM7/28/06
to
Hi Brains,

Ken ik zie de PageBackGround.jpg, please?
Ik understand what you are saying but cant visualize the JPG.....:-(

Thank you

Klaas

"brians[MCSD]" <brian...@discussions.microsoft.com> schreef in bericht
news:4D13DF8B-9BDC-4EF0...@microsoft.com...

@-h-o-t-m-a-i-l-c-o-m Alessandro Zifiglio

unread,
Jul 29, 2006, 4:01:57 AM7/29/06
to
You are more than welcome, klass :-)

Regards,
Alessandro Zifiglio
http://www.AsyncUI.net

"Klaas" <NoS...@klaas.com> ha scritto nel messaggio

news:u7kOO6ns...@TK2MSFTNGP04.phx.gbl...

0 new messages