Forum Moderators: not2easy

Message Too Old, No Replies

Layout idea

         

n0ne

10:56 am on Dec 17, 2009 (gmt 0)

10+ Year Member



Hi.
I've got problem with my new layout, i have a conception but no idea how to make it work.

I've got top gradient, content and bottom gradient.
In the top i want to have menu, middle content have height set to auto and it's covering some place of top and bottom gradient, in the bottom gradient i have also footer. When the top + midd + bottom height is smaller than window height, then rest of the space is filled with color which ends bottom gradient.
Page is aligned to top.

Here's a link to my concept
<>

[edited by: SuzyUK at 2:22 pm (utc) on Dec. 18, 2009]
[edit reason] please no personal URL's per TOS, thanks [/edit]

limbo

9:26 pm on Dec 20, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi N0ne

Welcome to WebmasterWorld [webmasterworld.com] :)

I'd fix the gradients using the background properties of the HTML and BODY tags.

html {background: bottom url(bottom.jpg) repeat-x;}
body {background top url(top.jpg) repeat-x;}

This is dependent on your pages having a minimum amount of content.