門戶站切片心得

通過瀏覽器測試,遇到幾個問題:

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效果圖如下,不知道誰設計的,裏面很多文字都是截圖過來的。


圖片比較大

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章