Question

我们遇到的问题只会影响Chrome，Firefox和IE。

Chrome中受影响的唯一页面是主页index.html ...所有其他页面使用完全相同的标头html和CSS。如果我们单击主页上的链接转到内部页面，页面工作正常，然后我们点击返回主页，它看起来很好......但如果我们刷新主页，它再次搞砸了。 / p>

这是网址

http://www.logilityconnectionseurope.com

被推下的元素是一个大的div，它保存一个图像，右边的一些文本，div CSS如下

.dateLogoTopDiv  {
float:right;
text-align:right;
margin-top: 15px;
}

HTML：

<div class="header">

    <img src="images/connections-europe-2013-logo-web.jpg" width="410" height="242" alt="connections europe 2013 logo" />

    <div class="dateLogoTopDiv">
        <img src="images/logility-logo.jpg" width="105" height="108" alt="logility logo" />
        <p>14-15 May 2013</p>
        <p>Hotel Le Plaza </p>
        <p>Brussels, Belgium</p>
     </div>

</div>

正如我所说，在Firefox和IE中运行良好，并且除了索引

之外，每个页面都在Chrome中运行

任何帮助将不胜感激

Answer 1

通过HTML Validator运行您的页面并修复所有错误。如果没有有效的HTML，浏览器无法确定您要显示的内容，并且您将具有跨浏览器呈现不一致性。在这种情况下，Webkit浏览器（Chrome＆amp; Safari）。

http://validator.w3.org/

修改

OP的网站以前包含格式错误的HTML，包括开放标记和错位标记。 OP的网站已经修复，使得问题中发布的URL处的代码过时了。

编辑2：

我在Chrome中看到了OP的问题。我无法解释为什么问题正在发生或者为什么它是断断续续的。但是，我通过添加以下内容修复了它...

其他CSS：

.header { overflow: auto; } .header > img { float: left; }

现有HTML：

<div class="header"> <img src="images/connections-europe-2013-logo-web.jpg" width="410" height="242" alt="connections europe 2013 logo" /> <div class="dateLogoTopDiv"> <img src="images/logility-logo.jpg" width="105" height="108" alt="logility logo" /> <p>14-15 May 2013</p> <p>Hotel Le Plaza </p> <p>Brussels, Belgium</p> </div> </div>

这需要两个主要的标题元素并将它们左移和放置。分别对。正确的一个已经浮动到右边。 overflow: auto;是强制标题扩展以包含其浮动元素的技巧。由于两者都是浮动的，因此它们在之外常规内容流，并且通常不会导致标题扩展。

div仅在Chrome中获得额外的填充，仅在主页上

1 个答案: