Internet Explorer 9显示不正确

我的网站有问题，在IE 9及以下版本中显示不正确。我已经使用了HTML5shim，并没有纠正这个问题。Internet Explorer 9显示不正确

该网站看起来不错，并罚款浏览器，Firefox等

我的网站是www.bucurestideals.com，我无法之下显示HTML代码。

我有以下主要的CSS代码：

body{ 
    width: 700px; 
    margin: auto; 
    font-family: sans-serif; 
} 
/* Set styling for ALL h2 elements*/ 
h2{ 
    font-size: 39px; 
    line-height: 43px; 
    letter-spacing: -1px; 
} 

/* default anchor styling for the page */ 
a{ 
    color: #276056; 
    font-size: 14px; 
} 

/* Set the hover over of the link */ 
a:hover { 
color: black; 
} 

/* Set the base font size and line height for all paragraphs */ 
p{ 
    font-size: 14px; 
    line-height: 21px; 
    font-family: 'Roboto', sans-serif; 
} 



/* Remove the default padding placed by the browser on the] 
    ul element */ 
.meta { 
    padding-left: 0; 
    /* Override the default of ul margins */ 
    margin: 0 0 8px; 
} 

/* style the anchor in the UL to have an italic style and 
    a specific font size */ 
.meta a, .post_info a{ 
    font-style: italic; 
} 

/* Style the li of the unordered list to be inline */ 
.meta li{ 
    display: inline; 

} 

/* Place a '/' after each list item (li) */ 
.meta li:after{ 
    content: '\\'; 
    padding: 0 2px; 
    color: #999; 
} 

/* hide the last '/' in the list item navigation */ 
.meta li:last-child:after{ 
    content: none; 
} 


/* Float the image to the left and add some space 
    between it and the right floated item 
*/ 
article img{ 
    float: left; 
} 

/* Style the article's heading - remove default top 
margin top and bottom set by the browser 
    */ 
article h2{ margin: 0; } 


/* Float the conrinue link to the right */ 
.continue{ 
    float: right; 

} 

/* Add the brackets around the continue link*/ 
.continue:after{ 
    content: ')' 
} 
.continue:before{ 
    content: '(' 
} 

/* Float the article div to the right and adjust the width 
    so that it will fit to the right of the left floated 
    element */ 
.preview{ 
    float: right; 
    width: 550px; 
} 
/* style the post information */ 
.post_info{ 
    background-color: #f3f3f3; 
    color: #999; 
    padding: 3px; 
    float: left; 
    /* make sure that all text is the same 
     size */ 
    font-size: 14px; 
} 
/* style the post info anchor tag */ 
.post_info a { 
    color: #999; 
    text-decoration: none; 

} 

.post_info a:hover { 
    color: black; 
} 


/* Clear any floats declared above it */ 
.body { 
    clear: both; 
    /* set text color */ 
    color: #575757; 
}

任何帮助将非常感激。

谢谢

来源

2013-04-16 user1907509

“什么”不显示是否正确？ – Lowkase

添加<!DOCTYPE html>（或其他一些DOCTYPE）到你的HTML文件的开始。

来源

2013-04-16 18:25:44

这。该页面在默认情况下在IE9中以怪癖模式显示。 – nullability

请注意，如果您使用的是IE10，则会显示类似于Chrome和Firefox的内容，因为IE10的Quirks模式已经最终更新了XD –

尽量不要使用标签作为站点容器，而是使用div来做这样的工作。

<body> 
<div class='site_container'> 
//Every other element 
</div> 
</body>

不要集中body元素，而不是集中在.site_contaner

来源

2013-04-16 18:34:29

Internet Explorer 9显示不正确

回答

相关问题