发表新帖
发表新帖

Margin: Auto not working in IE

前端 未结
关注
9 1218
悲哀的现实
悲哀的现实 2021-02-19 03:50

URL: http://cyberbat.co.uk/test container margin: auto is not working, is there any other way to put it in the middle in IE.

EDIT: Check it again, the index.php was the

相关标签:
9条回答
  • 情深已故
    2021-02-19 04:08

    Internet Explorer displays your website in quirks mode because of this bogus processing instruction at the top of markup:

    <?php
include('inc/settings.php');
?>

    Remove it; margin: auto works in IE6+. There's no need to do text-align: center or other unnecessary changes.

    0 讨论(0)
  • 别跟我提以往
    2021-02-19 04:09

    Try adding a meta record to head:

    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    0 讨论(0)
  • 天命终不由人
    2021-02-19 04:09

    You can download normalize.css (just google it) and link it to your project, now you can use smth like:

    HTML:

        <main class="container></main>

    CSS:

        .container {
      margin-left: auto;
      margin-right: auto;
      width: 600px;
    0 讨论(0)
  • 太阳男子
    2021-02-19 04:18

    For IE, replace my-auto with align-self-center and BINGO. You can also write CSS for the same:

    .center-container{
   align-self: center;
}
    0 讨论(0)
  • 南旧
    2021-02-19 04:24

    try using the following on the parent item.

    display: flex;
align-items: center;
    0 讨论(0)
  • 野趣味
    2021-02-19 04:25

    You have RAW php code because you didn't configure the server properly:

    <?php
include('inc/settings.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    Resolve that issue by applying PHP to *.html files and <?php include ?> won't show up literally. If I recall correctly, adjust this line in the .ini file to be:

    AddType application/x-httpd-php .html .htm .php

    Because this literal backend code is in front of the DOCTYPE, it causes quirks mode in IE and in quirks horizontal auto margins don't work properly.

    You can go with the text-align:center on parent element, but that's a hack for IE and you should solve this properly by making IE render it in standards mode from my suggestion above.

    0 讨论(0)
 看不清?
提交回复
热议问题