Background-image does not work perfectly.

Discussion in 'Programming' started by Achilli, Jan 18, 2010.

  1. #1
    Hello,

    I recently made a new website and I'm using an image as a background.

    #content{
    	width:auto;
    	min-height:370px;
    	height:auto;
    	margin:0 auto;
    	background-image: url(/images/zijkantcontent.png);}
    Code (markup):
    Website: http://www.crazyeffect.nl/

    The image is supposed to repeat itself all the way to the left and right side, like it does at the top. As you can see this is not working. Is there any other code worth giving a try?

    Thanks in advance,

    Eric

    Note: The website is not working in IE yet, please take a look at it in another browser.
     
    Achilli, Jan 18, 2010 IP
  2. Diggler

    Diggler Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Remove any margins/padding:

    *{margin:0; padding:0;}
    Code (markup):
    Next, make sure you repeat-x that bg image
     
    Diggler, Jan 18, 2010 IP
  3. Achilli

    Achilli Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It's working, thank you very much! :)
     
    Achilli, Jan 19, 2010 IP