通过浏览器测试,遇到几个问题:
1,IE6的双倍边距问题,我在排版的时候,总是会忽略掉,等到最后检查float和width和margin,padding共存时的bug,再统一用_display:inline;zzf说我应该边写边测试,我感觉,如果代码写的规范,一般没有什么大问题,所以我都是做完统一检查一下
2,关于强制换行,解决办法:white-space:nowrap;在nav那块,ie6居然不能自动换行
3,ie浏览器下,整个页面居然不能居中,包括最流行的ie9在内,解决办法是请教小朱的,把头部<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">换成<!DOCTYPE HTML>,不知道具体的原因。。求解。。
4.乱使用li浮动,ie6不会自动换行,,好低级的错误哦,,
5,同一个div底下,右边浮动了,左边没设置浮动,结果导致ie不能垂直对齐,
6,一个低级的错误,li的新闻信息中,span设置右浮动,但span的位置没有放置li中最前,导致ie中,li和span不在同一行,这个问题经常遇到,ie6有点变态。
---------------------------------------------------------------
奋战了一天,终于把这个门户站的首页排好了,因为是私单,一直懒得去做,结果拖到周末两天来完成,今天用editplus写的,一开始有点不习惯,用惯了dreamweare做网站了,很智能,突然改成手写代码,确实慢了很多,有些不常用的样式,还忘了怎么去拼,看来太智能的工具其实并不好。
之所以想用手写代码,是因为前几次的面试,都需要笔试,那时才发现,不用dw写样式,我很多格式,和单词居然忘记怎么拼了,所以想练习一下,离开了工具也能自己写样式。
最近都没写博客,但是一直都有在学习,我相信量变改变质变的。加油。
以后尽量把问题总结和学习心得发表在博客中,平时都在微薄上发表。
我的微薄:http://t.qq.com/wswangning1988
今天切的门户站图片:页面很大,压缩了,等上线之后,再把网址发出来。。
html:945行
css:123行
挖,手要断了。。
psd效果图如下,不知道谁设计的,里面很多文字都是截图过来的。
转载于:https://blog.51cto.com/boss88/657222