2 replies [Last post]
interactive
interactive's picture
Offline
newbie
Last seen: 7 years 44 weeks ago
Timezone: GMT+1
Joined: 2013-03-22
Posts: 2
Points: 3

Hi,

I have something that I can't figure out.

My page uses a gradient from transparent to color over a certain height with an background image.

So in terms everybody understands:

body {background:url(images/background.png) repeat-x;}

This is an image with a width of 1px and an height of 750px.
The image holds an gradient.

In the main

all the content is generated.

Now, the pickle that I have is that if the content is longer then 750px I want the backgroundcolor of the gradient darkest color to continue.

I can't seem to find out how to do this.

Please, if somebody has some pointers for me, or a sollution!!!!
That would be very much appriciated!

M.

ttkim
ttkim's picture
Offline
newbie
Last seen: 7 years 42 weeks ago
Timezone: GMT-7
Joined: 2013-03-07
Posts: 10
Points: 13

Background

Depending on the color of your background, you could do something like this:

background: #000 url(images/background.png) repeat-x;}

interactive
interactive's picture
Offline
newbie
Last seen: 7 years 44 weeks ago
Timezone: GMT+1
Joined: 2013-03-22
Posts: 2
Points: 3

Thnx for the reply. Last

Thnx for the reply.
Last night(for me) when I wrote the question. I guess I was a little to tired so I faild to mention this.

The thing is that the background image has a height of 750px and for the rest of the page uses a white background color. Just like you suggest. But this is good like I want it.

What I need is that if the content gets over a height of 750px it needs to fill up with the darkest color

I hope I make myself understandable. When I get home I put up some code here so you can see.

M.