Home/ Questions/Q 7532929
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T05:35:40+00:00

I’m trying to align a div horizontally, but for some reason it’s not working

  • 0

I’m trying to align a div horizontally, but for some reason it’s not working in IE… What am I doing wrong?

HTML 

<body>
    <div id="container">
        <div id="header">
            <img src="logo.png">
        </div>

        <div id="top-nav">
            <ul class="menu">
                <li class="first leaf menu-mlid-471"><a href="">Home</a></li>
            </ul>
        </div>
    </div>
</body>

CSS 

body{
   background-color: #fff;
   margin: 0;
   padding: 0;
 }
ul.menu{
   width: 500px;
   margin: auto;
 }
 #header{
   height: 150px;
 }

For Firefox, Chrome, Safari,… no problem. It all comes exactly in the middle. But IE refuses to align it properly…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Do you have a doctype? Without it, IE reverts to Quirks Mode, which does not support margin: auto; centering.

    Also, IE < 6 does not support margin: auto; centering at all (in case ancient IE browser compliance is particularly important you).

    • 0