在網(wǎng)頁設(shè)計中表單的應(yīng)用是必不可少的，它是構(gòu)成網(wǎng)頁基礎(chǔ)的重要部分。但是對于表單在不同的瀏覽器中體現(xiàn)出兼容性的問題，確是很讓人頭疼的，尤其是對于新手來說。大家都知道如果編寫出的表單在于瀏覽器不兼容，就會出現(xiàn)表單錯位等問題，把整個布局弄的很不協(xié)調(diào)或者根本的打亂表單的整體布局，網(wǎng)頁設(shè)計時需要注意這些因素。
        對于有經(jīng)驗(yàn)的老手還是有解決的方法的，在這里我們來看看是怎么解決這些問題的。對于一個網(wǎng)站，如果你想長期的留住用戶并與他們產(chǎn)生溝通，那么你的網(wǎng)站當(dāng)中就必不可少的用到數(shù)據(jù)提交form標(biāo)簽，www.czyzzssj.com這個標(biāo)簽在IE6與火狐瀏覽器中顯示的效果完全不一樣，IE6中form標(biāo)簽的顯示，明顯上下會出現(xiàn)空白，而火狐瀏覽其中顯示的就與你排版的設(shè)計一樣。
        為什么會這樣呢？要怎樣才能解決這個問題呢？個人認(rèn)為IE6是問題最多的一款瀏覽器，但是我們的用戶有一部分還是在使用它，這就使得我們不能放棄這個瀏覽器的顯示效果。有經(jīng)驗(yàn)的設(shè)計師，就在樣式表中加入form {margin:0px;}，這樣就可以是的在IE6中顯示的效果與你設(shè)計的效果一致。
        對于新手來說，這樣的小問題還是比較頭疼的，如果有一個前輩知道你的話，這樣的小問題就可以輕易的解決了，也可以更好的了解網(wǎng)頁制作的基本原則。接下來我在針對于新手講解一些設(shè)計的基本技巧，在使用Dreamweaver設(shè)計頁面或者分析頁面時，代碼會顯得比較凌亂，這樣不僅不利于觀察，還會印象你編輯的速度，這個時候就可以使用套用源格式這個功能，這樣可以使得代碼變得簡潔有序。但是這個功能只針對于HTML代碼與CSS代碼，其他的代碼如asp都是不適用的。
        在這里最后介紹一下CSS布局中float與position屬性的區(qū)別吧，float：right/left是子塊級元素流集合面向父級元素的定位，定位的關(guān)鍵詞使用margin與padding。而兄弟塊元素之間可以進(jìn)行相對的定位，都與移動都的新位置進(jìn)行從新渲染，可以重疊，原位置被清空。而position：relative是子塊級元素面向父級元素的相對定位，定位關(guān)鍵字使用哪個left、right、top、bottom，兄弟塊元素之間進(jìn)行相對定位。但是position移動后，原位置依然保留，而且隨后的兄弟塊元素定位于被移走前得位置。