SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    May 2010
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    div background getting cutoff

    riddle me this... on this page why doesn't the background of the .entry-content div, which also surrounds the "Products & Services" area extend all the way to the bottom of that area?

    here's the HTML
    Code:
    <div class="entry-content">
    <h1>Welcome to Vintage Pool Tables</h1>
    <h2>Unique, antique & vintage pool tables & accessories</h2>
    <p>Vintage Pool Tables was established to fill a growing need in the pool table market. Instead of paying high end retail for a new pool table or answering an ad for a used pool table that turns out to be a piece of junk, buying from us will bring you true satisfaction and peace of mind. We service the greater New York Tri State area and beyond.</p>
    <hr>
    <div class="product_home_container">
    </div>
    here's the CSS
    Code:
    .entry-content {
        background: url("/wp-content/uploads/site-elements/content-bg.png") repeat scroll 0 0 transparent;
        border-radius: 15px 15px 15px 15px;
        margin-left: -20px;
        width: 685px;
    }
    Please advise. Thanks in advance.

  2. #2
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Location
    Perundurai, Tamilnadu, India
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have to use this code
    HTML Code:
    <div style="clear: both;"></div>
    at the end of entry-content div

  3. #3
    SitePoint Addict
    Join Date
    May 2010
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    ok. thanks!

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Rather than adding something to the HTML, a better approach is to add this to the CSS:

    Code:
    .entry-content {
        background: url("/wp-content/uploads/site-elements/content-bg.png") repeat scroll 0 0 transparent;
        border-radius: 15px 15px 15px 15px;
        margin-left: -20px;
        width: 685px;
        overflow: hidden;
    }


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
  •