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