HTML,CSS issue in IE

Question

While I am creating a website I have given margin:0 auto for main div. It aligned properly but while I am zooming out the window in IE it is going to left alignment.

  <style>
    body         { margin:0; padding:0 }
    #container   { margin:0; padding:0 }
    #container p { margin:0; padding:0 }
  </style>
  <html>
    <body>
      <div id="container"> <p>Chriz</p> </div> 
    </body>
  </html>

Which version of IE, and which version of Windows? These things matter... — MassivePenguin
– MassivePenguin, Commented Feb 26, 2013 at 11:28
<style> body{margin:0;padding:0} #container{margin:0;padding:0} #container p{margin:0;padding:0} </style> <html> <body> <div id="container"> <p>Chriz</p> </div> </body> </html> — user2110983
– user2110983, Commented Feb 26, 2013 at 11:34

ltjfansite · Accepted Answer · 2013-02-26 11:56:34Z

1

Do you have a fixed width on it? it should read

#mainDiv{
    margin:0 auto;
    width: 900px;
}

answered Feb 26, 2013 at 11:56

ltjfansite

4601 gold badge7 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Marc Costello Over a year ago

This will center align a block element. However you have to consider this bad practice as you are creating a fixed width element. Killer for a responsive, flexible design

Rohit Azad Malik · Accepted Answer · 2013-02-26 11:33:26Z

0

hi now used to this css

body{
text-align:center;
}

#container{
margin:0 auto;
text-align:left;
}

answered Feb 26, 2013 at 11:33

Rohit Azad Malik

32.3k17 gold badges72 silver badges100 bronze badges

Collectives™ on Stack Overflow

HTML,CSS issue in IE

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related