网页浏览网页对齐严重

我有一个应用程序，将只能在Internet Explorer上查看，页面内容定位在其他浏览器的中心，但在IE浏览器的一切都对齐左边。我恳请需要帮助网页浏览网页对齐严重

这里是我的CSS提前

<head> 
    <meta charset="UTF-8"> 
    <title>SCOPE ACADEMY | HOME</title> 

    <link rel="stylesheet" type="text/css" href="css/style.css" /> 

     <style> 
     /* NOTE: The styles were added inline because Prefixfree needs access to styles and they must be inlined if they are on local disk! */ 
     @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600,700"); 
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css"); 
*, *:before, *:after { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
} 

html, body { 
    height: 100%; 
} 

body { 
    font: 14px/1 'Open Sans', sans-serif; 
    color: #555; 
    background: #fff; 
} 

h1 { 
    padding: 50px 0; 
    font-weight: 400; 
    text-align: center; 
} 

p { 
    margin: 0 0 20px; 
    line-height: 1.5; 
} 

main { 
    min-width: 320px; 
    max-width: 800px; 
    padding: 50px; 
    margin: 0 auto; 
    background: #fff; 
} 

section { 
    display: none; 
    padding: 20px 0 0; 
    border-top: 1px solid #ddd; 
} 

input { 
    display: none; 
} 

label { 
    display: inline-block; 
    margin: 0 0 -1px; 
    padding: 15px 25px; 
    font-weight: 600; 
    text-align: center; 
    color: #bbb; 
    border: 1px solid transparent; 
} 

label:before { 
    font-family: fontawesome; 
    font-weight: normal; 
    margin-right: 10px; 
} 

label[for*='1']:before { 
    content: '\f015'; 
} 

label[for*='2']:before { 
    content: '\f07c'; 
} 

label[for*='3']:before { 
    content: '\f0d6'; 
} 

label[for*='4']:before { 
    content: '\f085'; 
} 

label[for*='5']:before { 
    content: '\f109'; 
} 

label:hover { 
    color: #0066cc; 
    cursor: pointer; 
} 

input:checked + label { 
    color: #0066cc; 
    border: 1px solid #ddd; 
    border-top: 2px solid orange; 
    border-bottom: 1px solid #fff; 
} 

#tab1:checked ~ #content1, 
#tab2:checked ~ #content2, 
#tab3:checked ~ #content3, 
#tab4:checked ~ #content4, 
#tab5:checked ~ #content5 { 
    display: block; 
} 

@media screen and (max-width: 650px) { 
    label { 
    font-size: 0; 
    } 

    label:before { 
    margin: 0; 
    font-size: 18px; 
    } 
} 
@media screen and (max-width: 400px) { 
    label { 
    padding: 15px; 
    } 
} 
/*img { 
    position: absolute; 
    top: 0; bottom:1200; left: 0; right:0; 
    margin: auto; 
}*/ 

span.centerImage { 
    text-align: center; 
} 

/*.footer { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    padding: 1rem; 
    background-color: #efefef; 
    text-align: center; 

} 
*/ 
/* IE 6 */ 
* html .footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

/*inline accordion css styles*/ 



    </style> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> 

</head>

感谢

来源

2017-02-16 Edward Okech

检查您是否关闭了所有的标签..如

,but forgot

–

也发布内容 – affaz

@EdwardOkech wer？ – affaz

只需添加显示：块属性主要标签

main { 
min-width: 320px; 
max-width: 800px; 
padding: 50px; 
margin: 0 auto; 
background: #fff; 
display:block; 
}

来源

2017-02-16 10:27:35

谢谢你已经救了我很多 –

网页浏览网页对齐严重

回答

相关问题