www.webdeveloper.com
Results 1 to 2 of 2

Thread: Any ideas for a solid double background that is cross compatible?

Hybrid View

  1. #1
    Join Date
    Mar 2011
    Posts
    35

    Any ideas for a solid double background that is cross compatible?

    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:
    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.
    Attached Images Attached Images

  2. #2
    Join Date
    Mar 2012
    Posts
    48
    listen to what i did...

    there is a div in your site that contain the whole site
    i took it and added a id, for this example i called it bg_test --->
    Code:
    <div id="bg_test" style="overflow: hidden;">
    i went to your css file --> massage.css
    took your 'body' selector and change it to the id i've added --> #bd_test
    i've deleted the background-color property so it wont color the background since you put it in the html selector.

    looks like this:
    Code:
    #bg_test {
        background-image: url("../img/massageservices.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles