2010-03-26 140 views
1

我正在测试我正在为之工作的网站和Safari上的新模板我有一个非常奇怪的行为,其中一页(一张桌子)远远地在右边,大约631像素,并且我不知道为什么会发生这种情况,以及如何解决这个问题。奇怪的Safari浏览器渲染

有人可以帮助我吗?这里的页面:

http://www.ilsegnale.it/?tpl=502

+0

您不应该使用表格进行布局。 – 2010-03-26 16:01:26

+2

这不是一个真正的答案,是吗。 – dclowd9901 2010-03-26 16:09:20

+0

我已经尝试过使用无表格布局,但所有浏览器的问题对于像这样(复杂的)布局来说真的太多了(你不希望在IE6中看到这种布局不会变得很困难)。我知道无表会更好,但我没有时间去解决所有问题。 – Terix 2010-03-26 16:28:00

回答

4

菜单中<a>标签的高度设置为43px。这太高了,箱子在菜单栏下方延伸。因为您的<li> s是float:left,表格“捕获”在最后一个。

解决此问题的一种方法是将style='clear:both'添加到相关表中。您也可以将<a> s的高度降低到约35px。

+0

风格,它的工作!谢谢! – Terix 2010-03-26 16:42:51

+0

是的,这就是我想要的,但他的解释要好得多。不错的工作J. – dclowd9901 2010-03-26 16:46:47

0

它看起来像你的最后一个按钮“Redazione”是推动对你的主要featurelet的表的内容。尝试从该按钮上调整高度。或者你可以尝试将你的表格显示为一个块,这也应该起作用。赔率是,如果该按钮这个问题,您的最佳解决方案将是确保UL成为您的导航栏和中间内容之间的保证金的基础。您应始终使用容器元素设置外部边距,并确保元素的尺寸不会超出其容器。

+0

将周边div添加到导航栏或内容中并没有解决问题,但在UL关闭后添加了一个
,允许表格的右对齐,但在导航和内容之间添加了很多空间 – Terix 2010-03-26 16:25:08