Div not resizing (4 posts)

  1. asadinho
    Posted 4 years ago #

    Greetings Oracle.

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

    Please see:

    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
    Posted 4 years 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">



  3. asadinho
    Posted 4 years ago #

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

  4. adrian7
    Posted 4 years 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;" />

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

Topic Closed

This topic has been closed to new replies.

About this Topic