Home/ Questions/Q 8958379
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T15:11:58+00:00

I have a div that is centered inside another div that contains my page

  • 0

I have a div that is centered inside another div that contains my page content (in this case, a table with some information) However, I cant get it to show a background image because its height doesnt expand to the height of the table that it contains. Can someone tell me why?

<div>
    <div style="width: 900px; margin: auto; border: 1px solid #F00;">
        <table align="right">
            <tr><td>Something to make the hight of the container not zero</td></tr>
        </table>
    </div>
</div>

UPDATED

I apologise, I omitted the align = "right" on the table element (and have answered my question below)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    PROBLEM SOLVED

    As soon as you put the attribute align = "right" on your table element, it turns it into a floating element (equivalent to the style property float: right. Floating elements are considered to take up no height, because they’re floating… hence the height of the containing div remains zero.

    Thanks for your inputs and my apologies once again for the omission.

    • 0