WEB标准时页面自适应的解决方案.docVIP

　　WEB标准时页面自适应的解决方案edu.5151doc. 教育资源库 本篇详细介绍了L lt;!DOCTYPE html PUBLIC -//L 1.0 Transitional//EN .l1/DTD/xhtml1-transitional.dtdgt; lt;htmlgt; lt;headgt; lt;titlegt;Untitled Documentlt;/titlegt; lt;meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /gt; lt;link href=2columngray.css rel=stylesheet type=text/css /gt; lt;/headgt; lt;bodygt; lt;div id=containergt; ? lt;div id=mainheadergt; ? lt;div class=blank2gt;lt;/divgt; ? lt;!-- for decoration only --gt; ? lt;/divgt; ? lt;div id=headergt; ? lt;pgt;Header content goes herelt;/pgt; ? lt;pgt;lt;a href=2col_left.htmgt;Left lt;/agt;column Longestlt;/pgt; ? lt;pgt;lt;a href=2col_right.htmgt;Rightlt;/agt; column Longestlt;/pgt; ? lt;pgt;lt;a href=2col_main.htmgt;Nolt;/agt; column longestlt;/pgt; ? lt;pgt;lt;a href=.pmob.co.uk/temp/3colfixedtest_4.htmgt;Backlt;/agt; to main ? 3 column demolt;/pgt; ? lt;/divgt; ? lt;div id=mainnavgt; ? lt;pgt;Navigationlt;/pgt; ? lt;/divgt; ? lt;div id=sidebargt; ? lt;pgt;Sidebar content goes here : Sidebar content goes here : Sidebar content ? goes here : Sidebar content goes here : Sidebar content goes here : Sidebar ? content goes here : Sidebar content goes here : Sidebar content goes here ? : Sidebar content goes here : Sidebar content goes here : Sidebar content ? goes here : Sidebar content goes here : lt;/pgt; ? lt;/divgt; ? lt;div id=contentgt; ? lt;pgt;Footer stays at the bottom of the of the ument.lt;/pgt; ? lt;pgt;Footer stays at the bottom of the of the ument.lt;/pgt; ? lt;/divgt; ? lt;div id=clearfootergt;lt;/divgt; ? lt;!-- to clear footer --gt; ? lt;div id=footergt; ? lt;div class=divider1gt;lt;/divgt; ? lt;div class=blankgt;lt;/divgt; ? lt;!-- for decoration only --gt; ? lt;pgt;Footer Contentlt;/pgt; ? lt;/divgt; lt;/divgt; lt;/bodygt; lt;/htmlgt; CSS /* mented backslash hack v2 \*/ html, body{height:100%;} /* end hack */ html,body { margin: 0; padding: 0; } body { font: x-small arial, hevetica, sans-serif; text-align: center; color: #505367;