cschirra
|
I would like to build a site similiar to the one below.
http://demo.wpesp.com/portfolio/about/
My problem is the header and footer. The site is around 900px and I would like the header background and footer background to be fluid. I can fix the header problem using a background image to fill the gray on the left and right side. But what to do with the footer. Any Ideas?
|
|
Garry
|
Assign min-height styling property to your footer
|
|
cschirra
|
min-height defines the hight. I would like to scale the footer background image to fill from left to right like in the example:
http://demo.wpesp.com/portfolio/about/
|
|
Garry
|
You can add an image to footer and assign a width property to it equal to width of your page.
If I didn't got the point you can explain me in some detail.
You can make your site live I'll suggest you some css on having URL
|
|
cschirra
|
@Garry, thanks for your help.
The link to my page is: http://www.christof-schirra.com/
I tried your suggestion above, but had no success. If you look at my page, I would like to have the footer in the gray background color from left to right, like the header.
thanks in advance.
|
|
Garry
|
Put following styling rule: background-color:#696969;
in your class: .Footer .Footer-inner
of your style.css, And your footer color will be exactly same as your header.
|
|
cschirra
|
@Garry, I do not want to change the color, I would like to have the width of the color to fill from left to right. Currently it has a fixed width. Changing it to 100% does not scale the color background from left to right.
|
|
Garry
|
The width of color is filling from left to right, currently the footer div is assigned width:100%
|
|
linda
|
I guess you did not get an answer, eh?
I also have been looking for a way to do this, but I can not find an answer on these forums that works for a fluid top design.
|
|