Extending page

[fr33sty13]

Hello, I just joined this wonderful place it seems to be a very comfortable place for web designer, especially for beginners like me. Anyway.

I really need help on extending my page ( where you put texts in etc ) because when I put lots of things in it like writing and pictures they will go past where the page ends ( the footer ).

I have tried the css code height:100%; it seems to do the trick, except if I have a gradient background fill for the page, it looks like it is just repeating.

Can anybody tell me how to to prevent this from happening?

I am familiar with photoshop and I never do like plain web pages I like them filled with neat graphics.

Thanks in advanced.

[shalom_m]

Without seeing the code or web-page it would be like the blind leading the blind.

[Emzi]

If the background is repeating you may want to try "background-repeat: repeat-x;" in the stylesheet where you have set the background.

Other than that, without seeing the page and code, we can't help.

[fr33sty13]

Ok this is the css code I am currently using for the content page which has trouble extending down all the way to where the writing stops.


#page { background:url(images/Page.png);
width:801px; background-repeat:repeat-x;
height:100%px; background-repeat:repeat-x;
margin:auto;
color:#66CCFF;
}

[Emzi]

Originally Posted by fr33sty13

Ok this is the css code I am currently using for the content page which has trouble extending down all the way to where the writing stops.


#page { background:url(images/Page.png);
width:801px; background-repeat:repeat-x;
height:100%px; background-repeat:repeat-x;
margin:auto;
color:#66CCFF;
}

You may want to tidy this up a bit as some of it is incorrect. There is no need to do background-repeat twice, and also 100%px doesn't exsist.

Try this:

#page {

background:url(images/Page.png);
width:801px;
height:100%;
background-repeat: repeat-x;
margin:auto;
color:#66CCFF;
}

[fr33sty13]

Thanks