2012-04-21 34 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