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顯示不正確

回答

相關問題