SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    643
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Content BG Image Not Repeating

    Hi Guys,

    My div content has the white image in it for the background, the png, but it is not repeating for some reason, even though I tell it to. It's almost like it isn't registering the actual size of it, if I put a height of a certain pixel amount it does, but I need it to do it, its almost like its not reading the left-content and sidebar div's which are contained inside the content div...

    Here is the link...

    http://www.godfatherrecords.ca/hoodenvironment

    Thanks,

    Mike

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,205
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    A div does not wrap around its floated contents by default. You have to force it to. There are various methods, but the simplest is to add overflow:hidden to the containing div.

    Code:
    #content {
    	background:url('images/content.png') repeat-y;
    	padding-top:10px;
    	width: 960px;
    	height: 100%;
            overflow: hidden;
    }

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,888
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Sorry, I'm not sure what you're saying is wrong - do you want to take a screenshot and highlight the bit that isn't behaving?
    It looks OK to me - apart from the red text on red background....


Bookmarks

Posting Permissions

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