文章內(nèi)容頁(yè)廣告浮于左上角的解決辦法
更新時(shí)間：2007年03月14日 00:00:00 作者：
這個(gè)是整頁(yè)代碼，你可以看著改了，也可以保存成HTML文件，完了試試看就知道了，主要用的CSS+DIV
上面的東西移到模板中，下面的東西也是一樣~完了就行了~
<!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=gb2312" />
<title>文章內(nèi)容頁(yè)廣告浮于左上角的解決辦法</title>
<style type="text/css">
.container {
display:table;
width:500px;
background:#66FFCC;
}
.main {
display:table-row;
width:100%;
background:#669933;
}
.left {
float:left;
width:165px;
display:table-cell;
background:#663399;
}
.right {
background:#33CCFF
display:table-cell;
}
</style>
</head>
<body>
<div class="container">
<div class="main">
<div class="left">廣告部分。
</div>
<div class="right">
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分文章內(nèi)容部分文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
<br /> </div>
</div>
</div>
</body>
</html>
上面的東西移到模板中，下面的東西也是一樣~完了就行了~
<!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=gb2312" />
<title>文章內(nèi)容頁(yè)廣告浮于左上角的解決辦法</title>
<style type="text/css">
.container {
display:table;
width:500px;
background:#66FFCC;
}
.main {
display:table-row;
width:100%;
background:#669933;
}
.left {
float:left;
width:165px;
display:table-cell;
background:#663399;
}
.right {
background:#33CCFF
display:table-cell;
}
</style>
</head>
<body>
<div class="container">
<div class="main">
<div class="left">廣告部分。
</div>
<div class="right">
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分文章內(nèi)容部分文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
文章內(nèi)容部分<br />
<br /> </div>
</div>
</div>
</body>
</html>
相關(guān)文章
在一個(gè)已經(jīng)固定了寬度的表格內(nèi)輸入字符，當(dāng)輸入的全是英文字符的話，隨著輸入的字符越多，表格就逐漸被撐寬，除非手動(dòng)敲回車換行才能避免這一問(wèn)題。如果輸入的是中文字符的話，則不存在這樣的問(wèn)題。2008-05-05
關(guān)于< tbody >的一個(gè)實(shí)例，很實(shí)用。
tbody Tab選項(xiàng)卡效果代碼關(guān)鍵只是在<tbody>和選項(xiàng)卡的設(shè)置上。我在6個(gè)<tr></tr>段分別設(shè)置了<tbody></tbody>，目的是為了讓一個(gè)javascript程序調(diào)用6個(gè)選項(xiàng)卡的時(shí)候可以循環(huán)設(shè)置tBodies屬性。調(diào)用的時(shí)候是采用了遍歷：將6個(gè)tBodies先全部都初始化為display='none'，然后緊接著將tBodies[n]設(shè)置為display='block'，將這一個(gè)tBodies顯示出來(lái)。2008-03-03
頁(yè)面與css之間的聯(lián)系，老手和新手都需要了解2008-08-08
CSS中常用的單位...2007-01-01
DIV 居中的絕好解決方法...2006-11-11
用CSS打造 抽屜菜單...2006-12-12
瀏覽器的不兼容，大家肯定都是深惡痛絕的，往往我們只是去做修補(bǔ)，卻忘了更重要的事情，那就是追溯根源，避免類似的不兼容再次出現(xiàn)。2008-08-08
CSS Div 最小高度在IE 6 和IE 7中的兼容性問(wèn)題
CSS Div 最小高度在IE 6 和IE 7中的兼容性問(wèn)題...2007-04-04
用CSS實(shí)現(xiàn)下拉菜單的多種方法...2007-01-01
