呵呵,问题比较多,如果要一一去挑出并找出解决方式的话,比较费时间。
粗略的看了下你的页面HTML结构和CSS文件,说一下几个大的问题吧。
1.在FF下页面没有居中显示
要实现居中,需要给body元素定义:
body {text-algin:center;}
紧跟在body之下那一级Div(即最外层的DIV)需要定义以下属性:
.Wrap {margin:0 auto;width:xxx px;text-alignc:left;}
>>> 因此建议在你的页面最外层套一个最大在DIV(例如className设置为.Wrap),用于控制整个页面的宽度及居中显示
2.在FF下,功能块的文章列表位置向右偏移了,例如右侧的“今日发布信息”栏目
造成原因,可能是由于下面代码中的UL没有清除掉它默认的margin值:
<div class="headright2">
<ul>
<li><span class="STYLE12">·<a href="/show.asp?id=166072" title="西瓜品尝" target="_blank">西瓜品尝</a></span></li>
<li> 。。。</li>
<li> 。。。</li>
</ul>
</div>
你试试,在CSS如下定义:.headright2 ul {margin:0px;} 看看能否解决。
3.关于HTML代码的书写一点建议。
<div class="headkong"> </div>
<div class="headright"><div class="headright1"><span class="STYLE10">今日发布信息</span></div>
这是你页面中用到结构。第一个DIV是用来产生空白间距,第二个DIV是为了实现一个区块标题栏的。
其实采用标准来构建网页,并不是说页面都用DIV来堆出效果。
呵呵,我个人认为好的网页是合理利用HTML标签,充分发挥出每种HTML标签的各自的特性及作用:
空白间距:最好利用CSS属性中的padding或margin,或者width,height之类的来实现
标题性说明:最好用h1,h2,h3...等h系列
文章段落:用p
纯数据列表:用table
。。。。
每个HTML标签都有其特定的意义-这一点在页面样式加截失败,或者完全没有样式的情况下尤为明显。
试想,如果一个页面都是用DIV+SPAN等很少量标记组成,再把样式禁止掉,这个页面还有什么可读性
总而言之,各司其就,该用谁就用谁:)