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

Any ideas for a solid double background that is cross compat

Postby mguise » Sat May 12, 2012 11:00 am

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
mguise
Forum Newbie
 
Posts: 16
Joined: Mon Mar 21, 2011 1:28 pm

Return to HTML, CSS and other UI Design Technologies

Who is online

Users browsing this forum: Exabot [Bot] and 1 guest