0

我们有一个问题,只影响 Chrome、Firefox 和 IE 都可以。

Chrome 中唯一受影响的页面是主页 index.html ......所有其他页面都使用完全相同的标题 html 和 CSS。如果我们单击主页上的链接进入内部页面,该页面可以正常工作,然后我们单击返回主页,它看起来很好......但是如果我们刷新主页,它又会变得混乱。

这是网址

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 中运行

任何帮助,将不胜感激

4

1 回答 1

0

通过 HTML Validator 运行您的页面并修复所有错误。如果没有有效的 HTML,浏览器就无法确定您打算显示什么,并且您将遇到跨浏览器呈现不一致的情况。在这种情况下,Webkit 浏览器(Chrome 和 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;是一种强制标题扩展以包含它的浮动元素的技巧。由于两者都是浮动的,它们在常规内容流之外,通常不会导致标题扩展。

于 2012-12-20T16:48:25.913 回答