Any ideas for a solid double background that is cross compat

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
mguise
Forum Newbie
Posts: 21
Joined: Mon Mar 21, 2011 1:28 pm

Any ideas for a solid double background that is cross compat

Post by mguise »

I’m trying to build a background on my website and I am having trouble with the way I have the CSS set up. You can see what I have built so far here.

http://www.webskillsplus.com/packwood/index.php

Take a look at the attached image and you can see what I am trying to accomplish. I would like a red bar to run horizontally behind the page.

I tried messing with the z index with an absolute position but I couldn’t get it to work.

I tried doing the following and it isn’t working either.

Code: Select all

html {
	background: #ccc url(../img/dice_slice.jpg);
	background-repeat: repeat-y;
}
body {
	margin: 0;
	background-color: #b87431;
	background-image: url(../img/massageservices.jpg);
	background-position:center;
	background-repeat: no-repeat;
}
Anyone have any ideas? Thanks in advance for your help.
Attachments
Screen shot 2012-05-12 at 10.48.36 AM.png
Post Reply