網站在IE7中無法正確顯示？

我的網站：geek.designbracket.com（Drupal 6.10）在IE7中沒有正確渲染。主要問題在於標題和徽標中的主鏈接。該網站在FireFox和Chrome中按要求顯示。網站在IE7中無法正確顯示？

主要問題：#Page div在IE中頂部和底部有巨大的餘量，取代了Logo。

基本上我使用了一個div：＃封裝了主菜單+搜索+標識的相關內容。我已經這樣做了，即使在跨不同分辨率查看網站時，也可以確保FF和Chrome中的元素保持一致。

在這個div下面我有#Page div：它包含邊欄和內容。

CSS FR相關的div是爲下：

#utilities { 
margin:0 auto; 
padding:0 10px 15px; 
width:990px; 
} 

#utilities #plinks { /*plinks is for the primary menu*/ 
float:left; 
left:60px; 
position:relative; 
width:900px; 
} 

#utilities form { /* this div determines the position of the search box */ 
position:relative; 
top:10px; 
z-index:1; 
} 


#logo { 
float:left; 
left:70px; 
position:relative; 
}

請幫我對齊主鏈接，徽標和搜索框以這樣的方式使得對準停留在IE不同的分辨率一致太喜歡它已經完成了FR FF。

謝謝。

來源

2009-06-30 Sbhambry

在IE8中一切都很好...... – Malcolm 2009-06-30 10:46:26

這裏有一些修復了IE6。它應該修復一些ie7問題

徽標是在最右邊。

style.css #logo{clear:left;}

你的左列具有double-margin bug

layout.css #primary {display:inline;}

你的「添加新評論」和「更多」被切斷。問題是他們都是沒有高度的浮動元素。然後，您在不同的元素上添加了很多保證金/填充以使其排列在正確的位置，這通常不能很好地跨瀏覽器。我認爲你需要閱讀Clearing Floats並從頭開始這一部分。

來源

2009-06-30 11:31:54 Emily

非常感謝艾米麗提供了這種及時的幫助，並且提供了這樣有用的鏈接:)清除：左側;確實排序了這個問題。還要感謝這些有用的鏈接，以幫助我填補知識空白。 – Sbhambry 2009-06-30 16:38:40

快速建議：嘗試把一個明確的：左語句進行#logo塊（不能測試它自己現在...）

來源

2009-06-30 11:17:59 Ben

非常感謝Benc的幫助。你是對的。清楚：左邊是需要的。我已經是一個粉絲stackoverflow.com與那種驚人的社區支持。 – Sbhambry 2009-06-30 16:39:57

稍微OT，但您可能會發現positioniseverything有用的下一次IE瀏覽器有你到達錘子！

來源

2009-06-30 11:42:15 Mathew

網站在IE7中無法正確顯示？

回答

相關問題