网页CSS在某些页面上突然显示错误

时间:2014-06-29 01:34:25

标签: html css templates

我有一个模板应用于我网站上的多个页面,包括“关于”部分。此部分有三个页面,每个页面的布局相同。该模板无法在两个页面上正常工作,即about2.html和about1.html。奇怪的是,它适用于about3.html

以前这两个页面在我查看过的所有浏览器上运行正常,但最近才发现它已经停止正常显示,即使我没有触及模板或CSS。

这是其中一个页面: http://thehummingbirdplace.com/about2.html

我尝试重新排列不同的元素,禁用某些CSS,并一起删除部分,但它没有修复页面。当我删除整个.adRight部分或禁用其上的浮动时,文本会移回到顶部,但菜单选项卡不会向右排列。老实说,我不确定问题的根源是什么,因此我无法在此提供具体代码以供关注。

1 个答案:

答案 0 :(得分:1)

cssabout1.html内的about2.html应如下所示

<style style="text/css">
img { padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 0px; }
#text { width: 850px; margin-left: auto; margin-right: auto; }
.img-left { flaot:left; }
.img-right { flaot:right; }
</style>

接下来,您可以清除这两个文件divs上的clear课程 - 您不需要它们,或至少将您的.clear课程更改为此.clear { clear: both; } 1}}

<div id="header"><!-- ... --></div>
<div id="adLeft"><!-- ... --></div>
<div class="clear"></div>               <!-- take this off -->
<div id="adRight"><!-- ... --></div>
<div class="clear"></div>               <!-- take this off -->
<div id="content1"><!-- ... --></div>
<div id="footerLine1"></div>
<div id="footer"><!-- ... --></div>

about1.html中文本块内唯一的img元素更改为此

<img src="_images/Donna4.png" width="197" height="193" alt="Donna Wright" class="img-left" />

about2.html中文本块内唯一的img元素更改为此

<img src="_images/hummingbirdLogo.png" width="208" height="145" alt="The Hummingbird Place Logo" class="img-right;">