通過瀏覽器測試,遇到幾個問題:
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效果圖如下,不知道誰設計的,裏面很多文字都是截圖過來的。