2012-02-10 78 views
3

我有最奇怪的问题。我的页面风格是不是谷歌浏览器是一致的:页面加载不同时刷新与以下URL

  • 时,我只需访问以下网址或点击链接到那里,一切都很好
  • ,当我刷新页面,每过一段时间按钮的布局变得混乱

要清楚:这不是缓存问题:它不仅发生在上传新文件或任何东西之后。我想这与文件加载顺序有关,但我不确定可能导致这种情况的原因。

这里有一个搞砸截图:http://www.jurgenvisser.nl/ThemeForest/Emerald/messed_up.png

工作示例可以在这里找到:http://www.jurgenvisser.nl/ThemeForest/Emerald/?p=features/buttons

我希望有一个人谁可以帮助我在这里。

+0

我看到问题也在发生,但我不相信这不是缓存问题。当我的Chrome开发工具处于打开状态时,即使正常访问该页面,我也会看到该问题。我有我的开发工具设置为始终从服务器加载(即没有缓存)。为什么发生这种情况,我真的不知道,但不排除缓存。 – idrumgood 2012-02-10 21:32:36

+0

供参考:许多浏览器中的刷新构成*帖子*,与重新访问该页面不同。 – 2012-02-10 21:32:37

+0

您是否尝试过为您的文档类型选择验证页面? – egasimus 2012-02-10 21:55:31

回答

0

对于初学者,您在锚点内部使用块级元素,而无需将锚点自己设置为显示块。由于specified锚标记不应包含块级别。这就是说你有两个选择:1)制作块元素(display:block),或者2)在内联元素内部(display:inline);

编辑: 您也可以尝试使用HTML5文档类型作为块级别元素在使用该文档类型的合法内部。只需将您当前的文档类型替换为<!DOCTYPE html>

+0

谢谢。使锚点成为块元素的问题是我希望它将宽度调整为文本,但是出现了我不想浮动按钮的情况。 – Jurgen 2012-02-10 22:05:55

+0

html-spec中的块级元素与css不同。根据规范,设置display:block在内联元素上只会将外观更改为块元素,但它仍然是内联元素。其次,添加doctype不会改变浏览器处理页面的方式。唯一改变的是验证器将使用html5规范,而不会向您显示验证错误。尽管如此,尤尔根可能会更好地使用跨度元素,而不是锚点内的div。 – Gerben 2012-02-10 22:18:30

1

确切的问题,我不知道。但他们的方式,你已经编码这些按钮是...少于标准。

我建议你试试'slidingdoors'技术,因为如果你需要使用图像,它更可靠。