人妻中文字幕av,久久精品国产只有精品2020,乱人伦新中文无码视频

　IE7的web標(biāo)準(zhǔn)之道 Ⅲ

作者：阿一　時間： 2008-08-20　文檔類型：轉(zhuǎn)載　來自：

第 1 頁引起頁面布局混亂的禍?zhǔn)?[1]
第 2 頁引起頁面布局混亂的禍?zhǔn)?[2]
第 3 頁引起頁面布局混亂的禍?zhǔn)?[3]
第 4 頁引起頁面布局混亂的禍?zhǔn)?[4]
第 5 頁引起頁面布局混亂的禍?zhǔn)?[5]
第 6 頁引起頁面布局混亂的禍?zhǔn)?[6]
第 7 頁引起頁面布局混亂的禍?zhǔn)?[7]
第 8 頁引起頁面布局混亂的禍?zhǔn)?[8]

再看看下面的這個網(wǎng)頁截圖，它是我們今天將要使用的例子(源代碼在下方有提供)，是一個標(biāo)準(zhǔn)的“上左右下”帶側(cè)邊欄的虛擬網(wǎng)頁。

運(yùn)行代碼框
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="YES!B/S!,web標(biāo)準(zhǔn),楊正祎,博客園,實例代碼" /> <meta name="Description" content="這是一個簡單YES!B/S!文章示例頁面,來自楊正祎的博客,http://justinyoung.cnblogs.com/" /> <title>YES!B/S!文章示例頁面</title> <style> body { margin: 0; padding: 0; } #header { width: 600px; height: 50px; background-color: red; margin:0 auto;/*居中顯示*/ } #body{ width:600px; margin:0 auto;/*居中顯示*/ } #sideBar{ width:150px; background-color:#0000ff; float:left; height:244px; } #main{ width:354px; float:left; background-color:green; height: } #footer{ width:600px; margin:0 auto; background-color:#666; } </style> </head> <body> <div id="header"> 這里是頭部的內(nèi)容。<br/ /> 可能有網(wǎng)站標(biāo)題，就像<a target="_blank" href="" title=" title="">博客園</a>博客的標(biāo)題、副標(biāo)題。<br/ /> 也可能有導(dǎo)航欄在這里<br/ /> <strong>注意這句話在IE7中的顯示1</strong><br/ /> <strong>注意這句話在IE7中的顯示2</strong><br/ /> </div> <div id="body"> <div id="sideBar"> 這里是側(cè)邊欄，里面放一些輔助信息。就像<a target="_blank" href="" title=" title="">博客園</a>里面，每個人博客的側(cè)邊欄一樣。<br/ /> 也可能有人留言，下面就是一個人的留言哦。<br/ /> “大家好，我是楊正祎，我發(fā)現(xiàn)一個很不錯的網(wǎng)址哦。http://www.justinyoungcnblogs.com”。歡迎大家去看看哦。 </div> <div id="main"> 這里是主體的內(nèi)容，隨便你寫啦。我就寫上我的博客地址吧——<a target="_blank" title="IE7的web標(biāo)準(zhǔn)之道">YES！B/S！</a> <p> 專注于B/S模式的項目。姓名：楊正祎(Justin Young)，程序員，專注于B/S模式的項目開發(fā)，擅長于Web標(biāo)準(zhǔn)頁面設(shè)計。</p> <p>歡迎你們來為我的博客做客哦，里面有很多關(guān)于web標(biāo)準(zhǔn)方面的文章哦。請你們多多指教。</p> <p>最后還要非常華麗的署名——楊正祎</p> <p>日期當(dāng)然也不能少啦——2008-2-21</p> </div> </div> <div id="footer"> 這里是footer，就放一些版權(quán)信息吧。©<a target="_blank" title="IE7的web標(biāo)準(zhǔn)之道">YES！B/S！</a> </div> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

圖：這是在IE6中顯示的效果截圖，還算“整齊”

而當(dāng)你展開下面這個折疊區(qū)域，去看這個頁面在IE7下顯示的效果圖的時候，可能便會大吃一驚了。

圖：這是在IE7中顯示的效果截圖，已經(jīng)“不堪入目”了

我們驚訝的看到，網(wǎng)頁“頭部”變“矮”了，最后兩句重要的句子“消失”了；側(cè)邊欄變“窄”了，那個重要的網(wǎng)址的后半部消失了（其實是被右面綠色的區(qū)域遮蓋住了）；而最令人沮喪的是，右面“缺了個大口子”。原本整齊的布局，已經(jīng)完全消失，出現(xiàn)的是一個“一塌糊涂”的頁面。

出處：
責(zé)任編輯：bluehearts

上一頁引起頁面布局混亂的禍?zhǔn)?[1] 下一頁引起頁面布局混亂的禍?zhǔn)?[3]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。

相關(guān)文章

更多相關(guān)鏈接

IE7的web標(biāo)準(zhǔn)之道 Ⅱ

IE7的web標(biāo)準(zhǔn)之道 Ⅰ

什么是Semantics?

根本不存在DIV+CSS布局這回事

定義列表

作者文章

IE7的web標(biāo)準(zhǔn)之道 Ⅱ

IE7的web標(biāo)準(zhǔn)之道 Ⅰ


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計比賽網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大福“敬•自然”設(shè)計大賽開啟

國際體驗設(shè)計大會7月將在京舉行

中國國防科技信息中心標(biāo)志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機(jī)制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx