Home/ Questions/Q 713493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T04:58:03+00:00

I am trying to middle align an element, But I have bumped into this

  • 0

I am trying to middle align an element, But I have bumped into this problem. I am using this tag:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <body>
      <table style="width:100%; height: 100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td vertical-align="middle">
                        <div id="progressContainer" style="text-align:center;">
                            Some string here                                                    
                        </div>
                    </td>
                </tr>       
            </table>  
  </body>
</html>

If I remove this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">, its middle aligned properly.

This behavior is reproducible in FF and chrome.

Question:

Am I doing anything wrong here?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When in Quirks mode, browsers make deliberate errors.

    Since the height of the body element is auto (the default), the height: 100% on the table element becomes auto.

    (Percentage heights are converted to auto if the parent element has height: auto)

    • 0