Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    25
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Column Background Problem

    So I'm trying to setup a column on the right side of my content for advertisements.

    I've gotten the two columns lined up next to each other, but the problem is that the background doesn't flow down to compensate for the length of the advertisement. It only seems to pay attention to the content in the content column on the left. Does anyone know how to get that background to extend down to compensate for the length of the advertisement, depending up on whether or not it's displayed?

    If anyone's better with CSS than I am, and could help, I'm open to suggestions and fixes for how to accomplish this.

    Test Page:
    http://cvoproweb.com/testpage.html
    Test CSS:
    http://cvoproweb.com/teststyle.css

    Thanks for the help, hopefully the problem isn't too complicated.
    -Chris

    Edit: This problem seems to be occurring in Firefox and Opera, (it works in IE7) does anyone know how to fix this in Firefox and Opera?
    Last edited by chrisfromboji; 05-18-2008 at 12:52 AM. Reason: Update

  • #2
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    Code:
    <div id="content">
    
    <div id="right">
    <div></div>
    </div>
    
    <div id="post">
    </div>
    <div class="clear"></div><--just add this... and the style ofcourse..
    
    </div>
    just clear spaces on the #post


    Code:
    .clear{clear:both;}
    hope this answer your question..

  • Users who have thanked jhaycutexp for this post:

    chrisfromboji (05-18-2008)

  • #3
    New Coder
    Join Date
    Jul 2007
    Posts
    25
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks a million!
    I was playing around with a bunch of complicated javascript and css stuff to try and get equal columns but this solved my problem with 2 lines of code.

    +rep'd


  •  

    Posting Permissions

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