WordPress.org

1. asadinho
   Member
   Posted 8 months ago #

   Greetings Oracle.

   Am having trouble with one final issue on my site. Any help will be massively appreciated!

   Please see:
   http://audio.cocomelo.co.uk/mastering

   Then click the Pricing tab. You'll notice that the grey box is not resizing to the text. In all other areas of the site, it is. Any ideas as to what's happening?

2. peredur
   Member
   Posted 8 months ago #

   It's because the two columns with the pricing information are floats and therefore don't contribute to the height of their enclosing block element.

   There is some attempt to position a div to clear the floats (and therefore extend the enclosing block to below the prices, but it's in the wrong place for that. I *think* it needs to be inside this div:

   <div class="breaks_tab shortcode">

   HTH

   PAE

3. asadinho
   Member
   Posted 8 months ago #

   That's very kind of you Peredur! I'm going to try that. Cheers!

4. adrian7
   Member
   Posted 8 months ago #

   Try add <br style="clear:both;" /> just before closing the .panes div.
   Smthing like this
   

   <div class="panes"> 
   
       .... previous markup .....
   
      <br style="clear:both;" />
   
   </div>

   Also make sure you set css rule height:auto for .panes.

Reply

You must log in to post.