瀏覽量:13次
這篇將介紹如何設(shè)置每個(gè)位置 DIV 的寬度和布局排版,并且也會展示如何讓主題顯示正確,并同時(shí)在 Firefox 和 IE 下兼容,顯示一致。
在我們開始之前,打開 Xampp Control,主題文件夾,F(xiàn)irefox 瀏覽器,IE 瀏覽器,index.php和style.css這兩個(gè)文件。
第1步:設(shè)置頁面總體寬度現(xiàn)在我們首先要確定的是主題的總體寬度。我們使用 750px;主題的大小取決于博客絕大多數(shù)訪問者的屏幕分辨率。需要避免的是使用過大寬度的 的主題,如果博客的讀者都大多數(shù)使用 800px × 600px 屏幕,這樣的話,如果是使用 900px 款的主題將會有 100多個(gè)像素超出他們的屏幕,顯然這是對用戶很不友好的。
不管怎樣,我們怎么樣把主題的總體寬度設(shè)置為 750px 呢?
我們需要把現(xiàn)在主題中的所有的東西(header,container,sidebar 和 footer)放入一個(gè) 750px 的 DIV 標(biāo)簽中。
在 之后增加:
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關(guān)內(nèi)容發(fā)至此郵箱【779898168@qq.com】,我們在確認(rèn)后,會立即刪除,保證您的版權(quán)。
官網(wǎng)優(yōu)化
整站優(yōu)化
渠道代理
400-655-5776