Div not resizing

  • Greetings Oracle.

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

    Please see:
    https://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?

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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

    Thread Starter asadinho

    (@asadinho)

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

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Div not resizing’ is closed to new replies.

Tags