2013-07-18 47 views
-2

在XP上,IE8網站http://rweberjewelry.com/忽略了樣式。這是一個視頻http://www.screenr.com/AeMH。它在Win7 IE9上正常工作。這是我更新到WP 3.5.2和最新的主題版本時開始的。ie8忽略WordPress網站上的樣式

問題 - 圖片沒有顯示,字體很大,頁面容器沒有填充頁面,只是總體上忽略了大多數樣式!

主題設計師說,它在瀏覽器模擬器上渲染效果很好,「..您的網絡或計算機上還有其他東西可用,如果瀏覽器由於某種原因被推入兼容模式或類似的東西。

我有一個朋友檢查她的電腦,它有同樣的問題。 我讀一個建議,添加以下,但它並沒有幫助: META HTTP-當量= 「X-UA-兼容」 內容= 「IE = 9; IE = 8; IE = 7; IE = EDGE」

我檢查了: IE>工具>兼容模式>網站沒有列出,並且「顯示所有網站在兼容模式下」沒有被選中,並且撕開的紙圖標沒有顯示在URL旁邊,所以我認爲它不是兼容的模式。

非常感謝您的任何想法。

<head> 
<meta charset="UTF-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> 

<link rel="stylesheet" type="text/css" media="all" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/style.css" /> 
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/grid.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/base.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/layout.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/slideshow.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/shortcodes.css" type="text/css" media="screen"/> 

<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/js/projekktor/theme/style.css" type="text/css" media="screen"/> 

<!-- plugin and theme output with wp_head() --> 
<link rel='stylesheet' id='testimonials-widget-css' href='http://www.rweberjewelry.com/wp-content/plugins/testimonials-widget/testimonials-widget.css?ver=3.5.2' type='text/css' media='all' /> 
<link rel='stylesheet' id='avia-woocommerce-css-css' href='http://www.rweberjewelry.com/wp-content/themes/propulsion/config-woocommerce/woocommerce-mod.css?ver=3.5.2' type='text/css' media='all' /> 

<!-- custom styles set at your backend--> 
<style type='text/css' id='dynamic-styles'> 
     <!----a ton of stuff deleted - too long -----> 
</style> 

<!-- google webfont font replacement --> 
<link id="google_webfont_1" rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cardo" /> 

<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/custom.css" type="text/css" media="screen"/> 

</head> 
+0

SO要求代碼被顯示。從IE發佈HEAD內容。 – isherwood

+0

HEAD是相當長的...將嘗試在部分,即使有很多刪除 – Debwork

+0

啊,非常感謝...只是太長了 – Debwork

回答

0

您似乎有一些HTML問題,IE8沒有像其他瀏覽器那樣優雅地處理。一些最糟糕的攻擊是HTML屬性中的撇號,它們過早地結束了屬性。

W3C validator results

+0

我並不太擔心我的ie8「優雅」,我沒有看到圖像。請問您的觀點比這更好嗎? http://www.screenr.com/AeMH – Debwork