Home/ Questions/Q 935961
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T21:14:21+00:00

I have this code: <div style=height: 500px; background: #f00; display: table;> <div style=display: table-cell;>

  • 0

I have this code:

<div style="height: 500px; background: #f00; display: table;">
  <div style="display: table-cell;">
    <div style="display: table; height: 100%;">
      <div style="display: table-cell;">asd</div>
    </div>
  </div>
</div>

and in Opera, the div (who has height set to 100%) has a height of 19px. Why does the 100% not make it 500px in height?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <div style="height: 500px; background: #f00; display: table;">
  <div style="display: table-cell;height:100%">
    <div style="display: table; height: 100%;">
      <div style="display: table-cell;">asd</div>
    </div>
  </div>
</div>

    You should set the second div height as well.

    • 0