Small CSS Fix Contest - Prize $5

Discussion in 'Design Contests' started by GiladG, May 23, 2009.

  1. #1
    Need your help with a quick CSS fix. Here are the details:

    Using Firefox, look at: http://www.gafnifarms.com/gallery/
    Problem: See how the #main div (white background) ends before the actual post ends, therefore cuts it off.

    Deliverable: Please post or PM fix, what div and what should be changed

    Notes:
    1. This is a Firefox issue and works fine in IE.
    2. I am looking for a dynamic solution that will fit all size of content. A simple min-height is not a proper solution because I cannot predict the size and do not wish for each page to scroll even with no content.

    The first verified solution is will be the winner.

    Payment via Paypal.
     
    GiladG, May 23, 2009 IP
  2. anildewani

    anildewani Peon

    Messages:
    1,132
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    I think i just figured out where is the problem. :)
    Just sent you a pm.
    please check it.
     
    anildewani, May 23, 2009 IP
  3. mutanzgaming

    mutanzgaming Peon

    Messages:
    280
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    mutanzgaming, May 23, 2009 IP
  4. GiladG

    GiladG Active Member

    Messages:
    125
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    @demons-halo: Tried your CSS, pasted your code over mine but it is still broken (see: http://www.gafnifarms.com/gallery/)

    @anildewani & @mutanzgaming: Your fix worked on one page but still is not enough for this page - http://www.gafnifarms.com/gallery/wax-crystal-pearl/

    Contest is still open and I wish to clarify:
    I am looking for a dynamic solution so the page will adjust its "white area" based on the amount of content. Regardless of long or short the white space will match properly. Therefore, min-height is not the proper solution in this case.
     
    GiladG, May 23, 2009 IP
  5. Spawny

    Spawny Well-Known Member

    Messages:
    252
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    simple just add overflow:hidden to your main

    #main {
    background-color: #FFF;
    min-height: 650px;
    overflow:hidden;
    }
     
    Spawny, May 23, 2009 IP
  6. mutanzgaming

    mutanzgaming Peon

    Messages:
    280
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    sir i said u please give me admin panel access i will do that and u don't have to adjust it every time

    and try adding
    height 100%
    or
    min-height 100%
     
    mutanzgaming, May 23, 2009 IP
  7. Spawny

    Spawny Well-Known Member

    Messages:
    252
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    forgot to add height:100% for ie6
    
    #main {
    background-color: #FFF;
    min-height: 650px;
    height:100%;
    overflow:hidden;
    }
    
    Code (markup):
     
    Spawny, May 23, 2009 IP
  8. GiladG

    GiladG Active Member

    Messages:
    125
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #8
    @Spawny: You were right, overflow:hidden did the trick... Thank you. Please PM your Paypal so I can process a payment.
     
    GiladG, May 24, 2009 IP