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.
well there is no big prob in that http://www.gafnifarms.com/wp-content/themes/gfarms/style.css edit #main { background-color: #FFF; min-height: 650px; to #main { background-color: #FFF; min-height: 900px; if u allow me to access admin panel then i can show u that
@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.
simple just add overflow:hidden to your main #main { background-color: #FFF; min-height: 650px; overflow:hidden; }
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%
forgot to add height:100% for ie6 #main { background-color: #FFF; min-height: 650px; height:100%; overflow:hidden; } Code (markup):
@Spawny: You were right, overflow:hidden did the trick... Thank you. Please PM your Paypal so I can process a payment.