CSS Background Problems

Hi All,

Hope everyone is doing great. Wonder if I can pick anyones brains with a major major problem that I have with a css layout.

I am using freeway 4 PRO. Have my css in external file and just trying to fix a layout issue.

I have two background images to acheive the effect I need.

http://www.acklamflooringservices.co.uk/development/index.html

That site is where you can see my problem. As I have to set the page div to 100% height the background image is being cut off at the bottom of the browser window when you scroll.

I have tried to set the height to auto as someone suggested to me, but this makes the background image dissapear alltogether.

I have tried setting the first background:
http://www.acklamflooringservices.co.uk/development/inc/grnd.gif

In the html tag and the body tag, with the second background:

http://www.acklamflooringservices.co.uk/development/inc/grnd2.gif

In the pagediv

I have asked on the net, in forums… but again nobody seems to have an answer that works.

If you see the page above that is the effect I need.

Any suggestions before I lose more and more hours…

Thanks

Barry Zimmerman


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you set the height of the various elements to 100%, then they will
be 100% of the browser window if the page is taller than the screen/
window.

You could easily make a centered background “stripe” that you tile
vertically and center on the page. Then you could mask that effect at
the top with a judiciously-placed HTML box. If you want the purple
page to stop at the bottom of the content and the sea-foam background
to continue below that on really tall monitors, then you might be
able to do that by making your page an inline layout. I don’t see
anything there yet that would preclude that.

Walter

On Apr 24, 2008, at 10:36 AM, Barry Zimmerman wrote:

Hi All,

Hope everyone is doing great. Wonder if I can pick anyones brains
with a major major problem that I have with a css layout.

I am using freeway 4 PRO. Have my css in external file and just
trying to fix a layout issue.

I have two background images to acheive the effect I need.

http://www.acklamflooringservices.co.uk/development/index.html

That site is where you can see my problem. As I have to set the
page div to 100% height the background image is being cut off at
the bottom of the browser window when you scroll.

I have tried to set the height to auto as someone suggested to me,
but this makes the background image dissapear alltogether.

I have tried setting the first background:
http://www.acklamflooringservices.co.uk/development/inc/grnd.gif

In the html tag and the body tag, with the second background:

http://www.acklamflooringservices.co.uk/development/inc/grnd2.gif

In the pagediv

I have asked on the net, in forums… but again nobody seems to have
an answer that works.

If you see the page above that is the effect I need.

Any suggestions before I lose more and more hours…

Thanks

Barry Zimmerman


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter

At last a good explanation. It is amazing how many wrong answers you get.

Thanks for that I understand now. I am going to do the centered one, I remember doing this before.

Thanks
Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I probably would have just set the background color to the ‘seafoam green’ and not made the tile so tall :slight_smile:

Very nice page btw.

On Thu, Apr 24, 2008 at 8:44 AM, Barry Zimmerman wrote:

Hi Walter

At last a good explanation. It is amazing how many wrong answers you get.

Thanks for that I understand now. I am going to do the centered one, I remember doing this before.


Ernie Simpson – Freeway 5 Pro User – http://www.thebigerns.com/freeway/