如果只是因?yàn)闉g覽器的設(shè)置改變，或?yàn)g覽器不兼容，使自己精心制作的網(wǎng)頁(yè)變得“面目全非”，多令人沮喪！這里我們列出幾個(gè)網(wǎng)頁(yè)初學(xué)者常見(jiàn)的網(wǎng)頁(yè)布局問(wèn)題以及解決方法……
如果只是因?yàn)闉g覽者改變了瀏覽器的設(shè)置，或者因?yàn)闉g覽器不兼容，使自己精心制作的網(wǎng)頁(yè)變得“面目全非”，那多令人沮喪！下面我們以網(wǎng)頁(yè)愛(ài)好者的常用工具Dreamweaver（以下簡(jiǎn)稱(chēng)DW）為例，列出幾個(gè)網(wǎng)站制作初學(xué)者較常見(jiàn)的網(wǎng)頁(yè)布局問(wèn)題以及解決方法，希望對(duì)初學(xué)者們有所幫助。

一、消除任意縮放瀏覽器窗口對(duì)網(wǎng)頁(yè)的影響

一番辛苦做出來(lái)的網(wǎng)頁(yè)，在全屏狀態(tài)下瀏覽一切正常。但在改變?yōu)g覽窗口大小之后，網(wǎng)頁(yè)就變得"不堪入目"了，這是個(gè)很值得注意的問(wèn)題。

問(wèn)題的根源還得從網(wǎng)頁(yè)的布局說(shuō)起，在DW中，網(wǎng)頁(yè)內(nèi)容的定位一般是通過(guò)表格來(lái)實(shí)現(xiàn)的，解決表格的問(wèn)題也就成功了大半。

大家應(yīng)該注意到，在DW中表格屬性面板的高寬設(shè)定選擇上提供了兩種不同類(lèi)型：百分比和像素值。百分比的使用將會(huì)產(chǎn)生前面說(shuō)到的那個(gè)毛病。這里所說(shuō)的百分比是指表格的高或?qū)捲O(shè)置為上層標(biāo)記所占區(qū)域高或?qū)挼陌俜直?，如在一個(gè)表格單元的寬度是600，在它里面嵌入了另外一個(gè)表格，表格寬度占表格單元的50%，則這個(gè)表格的寬度為300，依此類(lèi)推，如果在一個(gè)表格不是嵌于另一個(gè)表格單元中，則其百分比是相對(duì)于當(dāng)時(shí)窗口的寬度的。IE瀏覽器中，隨便改動(dòng)主頁(yè)窗口的大小時(shí)，表格的內(nèi)容也隨之錯(cuò)位、變形，就是因?yàn)楸砀竦陌俜直纫惨S著窗口的大小而改變成相應(yīng)的百分比寬度。

自然，解決這個(gè)問(wèn)題的辦法就是將表格寬度設(shè)置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設(shè)置，內(nèi)層表格也可以適當(dāng)使用百分比設(shè)置。清楚這個(gè)原則以后，如果出現(xiàn)類(lèi)似的問(wèn)題大家也知道怎么解決。

二、讓網(wǎng)頁(yè)居中

說(shuō)到了窗口大小就會(huì)順著路子想到分辨率的問(wèn)題，在800×600分辨率下制作的網(wǎng)頁(yè)在1024×768分辨率的機(jī)器上打開(kāi)，整個(gè)網(wǎng)頁(yè)就會(huì)跑到左邊；1024×768分辨率的網(wǎng)頁(yè)在800×600分辨率的機(jī)器上有時(shí)也會(huì)變得"不堪入目"。兩種分辨率各做一個(gè)吧？做起來(lái)費(fèi)時(shí)，看起來(lái)也費(fèi)勁。怎么辦呢？

現(xiàn)在大多數(shù)網(wǎng)民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網(wǎng)頁(yè)在1024*768時(shí)居中，只要在網(wǎng)頁(yè)原代碼的，前加一句

就OK了。不過(guò)有幾個(gè)問(wèn)題這是要注意一下，第一個(gè)就是上面說(shuō)到的百分比的問(wèn)題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設(shè)的是百分比，那么使用大于800×600的像素時(shí)，網(wǎng)頁(yè)就會(huì)拉寬，這樣網(wǎng)頁(yè)可能會(huì)變形。在中加入leftmargin=0，即這種情況下，800×600支持的表格寬度為780像素時(shí)不會(huì)出現(xiàn)滾動(dòng)條。還有一點(diǎn)要注意的是不能用DW中的層來(lái)定位。

分享名稱(chēng)：網(wǎng)站制作技巧：你做的網(wǎng)頁(yè)試過(guò)“面目全非”嗎？
網(wǎng)頁(yè)URL：http://jinyejixie.com/news47/14747.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)