Forum Moderators: not2easy

Message Too Old, No Replies

Background image questions

not entirely great at CSS

         

linzardb

12:28 am on Mar 26, 2009 (gmt 0)

10+ Year Member



The world of divs are new to me. I have been working with tables for so long that grasping the whole idea of divs has been hard. The reason I have been working with tables instead of divs is because i learned most of what I know about coding from poking around in OSCOMMERCE files.

SO now I am trying to create a website from scratch and this is what my idea look would be.

The site will be a centered with a fixed width of about 800px. This creates an outer background in different sized monitors.

I want a background image in that is fixed in the outer area HOWEVER, since the website will have a fluid height (as most do) i need to have a SECOND outer background below the top layer background.

Here is a SUPER SUPER rudimentary version of what I am trying to accomplish.. I mean SUPER cheesy.. please forgive the look
<snip>

As you can see, i have the y-repeat, but i need to remove that, and where it starts to repeat, i need to have a SECOND background of just the outer rims (the black and orange) on a y-repeat.

ANY suggestions are greatly appreciated. I have been reading this forum for some time, just never had the need to post because MOST of the answers I already found!

[edited by: swa66 at 9:24 am (utc) on Mar. 26, 2009]
[edit reason] No personal URLs please see ToS [/edit]

swa66

9:29 am on Mar 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Until CSS3 becomes supported, there are no multiple backgrounds on a single element.
Hence you need to use multiple element.
e.g.:
- put you vertical lines on <html> (repeating vertically all over the page)
- put the extra logo on the <body> (not repeating)
- add a wrapper to your content and make that one some 800px wide and position it.