2012-04-21 39 views
0

我使用的是wordpress模板,在FireFox中一切看起來都很好。對齊在Internet Explorer中搞砸(這是一個浮動問題?)

但是......驚喜,驚喜 - 它看起來錯在Internet Explorer 8

在此頁面上有兩個問題:

http://www.thebuddhagarden.com/blog/

1)搜索框(這應該是導航菜單中的右側)被按下,以便它隱藏在類別之後。

2)和(可能有關)導航菜單(以Blog Home,Shop Our Store等爲開頭)應該與左邊對齊。在FireFox中看起來很棒,但它在IE8中對齊。

+0

ODD,我看不出有任何IE8對齊問題,直到我切換到怪癖模式。 – Philip 2012-04-22 00:46:12

+0

其在IE8中的工作方式與FF類似,我猜你是在說IE7 – Jack 2012-04-22 05:56:54

+0

再次。我想你是對的。我想我的商店電腦上仍然需要IE7?!?!因爲我在家看着它,它看起來很好,我只是確認我在家裏有IE8。我需要擔心IE7嗎?我知道沒有多少人使用它。 – user1344629 2012-04-23 01:56:03

回答

0

不,這不是一個浮動問題。

我認爲IE-7中的2個問題在IE-8中工作正常。

做如下

1.去除線高度:從您的H1這將顯示您的標題,其與導航在IE7中混合18像素。

2.Pont寬度:690px(或者你想要的,obv它應該小於695px)在你的<div id="navmenu-wrapper">,事情會好的。

enter image description here

+0

謝謝,Pankaj。我很驚訝它可以在IE8中正常工作,因爲我在IE8中看到了這個問題。但是,感謝您提供非常容易理解的說明,並感謝您拍攝屏幕截圖。它真的使它更有幫助。如果我有足夠的聲望點進行投票,我也會對你的答案進行投票。 – user1344629 2012-04-22 16:24:52

0

Internet Explorer不喜歡在左側浮動元素之後浮動的元素。我不知道這是爲什麼,但由於某種原因,它認爲正確的花車是新的線路正確的花車。你有兩個選擇。

把你的代碼中的navmenu上方的盒子搜索div。這應該不會對其他瀏覽器產生任何影響 - FF,Chrome,Safari,Opera - 它們都會像現在這樣顯示它們。然而,IE瀏覽器將允許你的右邊浮動與你的左邊浮動在同一條線上,從而解決問題。

或者,給你的navmenu一個特定的寬度,這樣它就可以使用除搜索所需的空間外的所有空間,並向左浮動。

+0

非常感謝Lazerblade。我非常感謝幫助。 Internet Explorer是一個痛苦,你的提示真的幫助我們誰不是那麼精通CSS(最長時間,我認爲CSS只是電視上的警察展......) – user1344629 2012-04-22 16:26:43

0

您的問題是,因爲這個屬性:

#navmenu ul { 
    margin:0 auto; 
} 

在您styles.css的樣式表的656線。當你想將它浮動到左邊時,你試圖將一個列表居中,所以只需更改它,你應該全部設置好。

+0

非常感謝Andres!我忘記了當你把margin:auto設置爲左邊界和右邊界時,它試圖將其居中。再次感謝。 (我會投你的答案,但我沒有足夠的聲望點投票,因爲我是如此新的論壇,我很抱歉。) – user1344629 2012-04-22 16:22:42

+0

@ user1344629即時通訊很高興它幫助你,沒有必要投票,只是批准通過勾選答案旁邊的複選標記來回答。 – 2012-04-22 16:24:01

+0

完成。謝謝你的提示。不知道檢查標記是什麼。 – user1344629 2012-04-23 01:57:35