Home/ Questions/Q 8051559
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T07:19:44+00:00

My code was working when <!DOCTYPE html> <html> <body style=position:fixed; top:0px; left:0px;bottom:0px; right:0px; margin:0px;>

  • 0

My code was working when

<!DOCTYPE html>
<html>
<body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px;  margin:0px;">
<div style="height:100%; width:100%; border:solid;"></div>
</body>
</html>

But not working when i added display:table-cell; to div for using vertical-align

<!DOCTYPE html>
<html>
<body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px;  margin:0px;">
<div style="height:100%; width:100%; border:solid; display:table-cell;vertical-align:middle;"></div>
</body>
</html>

I want the div to cover the whole white space in body

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your code should work now.

    <html>
<body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px;  margin:0px;">
    <div style='display : table; width : 100%; height : 100%'>
    <div style='display : table-row;'>
        <div style="border:solid; display : table-cell;">
        </div>
    </div>
    </div>
</body>
</html>

    Example

    Rule of thumb : Always have a proper markup whenever display : table-cell is concerned.

    • 0