Forum Moderators: not2easy

Message Too Old, No Replies

help with background/content alignment

         

kenneth

2:50 am on Feb 27, 2007 (gmt 0)

10+ Year Member



Hello

I am wondering if there is a way to have a page where the content is centered vertically and horizontally (so far no problem) AND have a non-repeating background image in the body stay aligned with the background image in the content holder.
Scroll bars would ONLY appear when the browser window gets smaller than the content holder.
I have 3 links posted of what I DON'T want but hopefully between this message and the links it will make sense what I am after. The third link is probably closest to what I am after.
The pages are very rough/basic to illustrate my question.
Thank you in advance for any help.
Ken

<urls removed>

P.S. These links have "sitegrinder" in the url only because have been expirementing with sitegrinder but these were moreless put together with dreamweaver so looking for the answer in relation to dreamwever or css in general.......not sitegrinder.

[edited by: encyclo at 2:58 am (utc) on Feb. 27, 2007]
[edit reason] no links to personal sites please, see forum charter [/edit]

Xean45

5:54 pm on Feb 27, 2007 (gmt 0)

10+ Year Member



I have one answer for you of all your questions.

Non-repeating background = No. It can't be done. You'll have to use some trickery to get this to work. What's the reason for wanting this? Is there to be text on the image?

~X8

Fotiman

6:52 pm on Feb 27, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I have no idea what Xean45 is talking about. To do a non-repeating background using CSS:

<style type="text/css">
body { background: url(yourimg.gif) 50% 50% no-repeat; }
</style>

Hope that helps.

kenneth

1:45 am on Feb 28, 2007 (gmt 0)

10+ Year Member



Fotiman

Thank you. Yes I already knew a non-repeating background was possible too, that was just part of my description and not part of the question as Xean45 thought.
Now I just need to figure out how to make it work accross all browsers.
Thanks for the help.
Ken