一个简单的css问题，2个区域怎么平行？

沉默的抗议 · 2007-02-04, 19:48

sidebar和onebody这2个为什么不是平行的，而是onebody在sidebar下面，如图，文件在附件的压缩包里

沉默的抗议 · 2007-02-04, 19:49

代码：<!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/&gt" />
<title>???</title>

<meta name=keywords" content="??????" />

<link rel="stylesheet" href="http://127.0.0.1/css.css" type="text/css" media="screen" />
<style type="text/css" media="screen">

</style>
</head>

<body>

<div id="container">
<div id="head">
<img src="http://127.0.0.1/images/banner.gif" />
</div>

<div id="pagebody">
<div id="sidebar">

</div>

<div id="onebody">

</div>
</div>
</div>
</body>
</html>

沉默的抗议 · 2007-02-04, 19:49

body {
font-size: 62.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #FFF url('http://127.0.0.1/images/bg.gif');
/*color: #333;*/
text-align: center;
}

#head {
padding: 0px 0 10px 0;
border: 1px solid #959596;
text-align: center;
background-color: white;
width:800px;
}

#sidebar {
padding: 0px 0 10px 0;
margin-right: 580px;
background-color: white;
width: 220px;
}

#onebody{
border: 1px solid #959596;
clear: both;
padding: 0px 0 0px 10px;
text-align: center;
background-color: white;
width: 290px;
}

Function · 2007-02-05, 13:18

浮动(float)的问题吧。

默认情况下， DIV 是独占一行的，虽然你设置了宽度。

沉默的抗议 · 2007-02-05, 15:49

margin-right: 580px;把这个换成float就解决了

Function · 2007-02-05, 16:37

关于布局，网页设计版面有篇精华帖，好像是介绍的 40(？？？) 种布局。

你可以找来研究研究。

关于布局，我也还只是个门外汉。

沉默的抗议 · 2007-02-05, 18:33

引用:

作者: Function

关于布局，网页设计版面有篇精化帖，好像是介绍的 40(？？？) 种布局。

你可以找来研究研究。

关于布局，我也还只是个门外汉。

我去找找，

Function · 2007-02-05, 18:46

那版面现在叫做“建站技术”。

沉默的抗议 · 2007-02-05, 18:49

现在里面全是ad

Function · 2007-02-06, 09:06

看精华区！

Function · 2007-02-06, 09:27

原来并没有收入精华区。

http://bbs.chinahtml.com/17666

另外，一叶千鸟的 Blog 似乎无法访问，也就看不到内容了。

沉默的抗议 · 2007-02-06, 22:52

thanks

双至强仅二千,企商在线,最早租用商	魔兽世界私服魔兽世界私服	此文字广告位招租	天龙八部私服传奇世界私服新开传奇私服
传奇私服热血江湖私服	全球最新的创意科技产品	魔域私服魔域私服	新开传奇私服魔域私服传奇私服

2007-02-05, 13:18	#4 (页面定位)
Function 注册日期: 2006-03-24 帖子: 3891	浮动(float)的问题吧。默认情况下， DIV 是独占一行的，虽然你设置了宽度。贝它快讯 \| 奥德修斯·希恩 \| 主题吧 \| 纯白色 \| 爱如烟灰二手房 \| 租赁房 \| 商业物业 \| 同城约租 \| 中介门店

2007-02-05, 16:37	#6 (页面定位)
Function 注册日期: 2006-03-24 帖子: 3891	关于布局，网页设计版面有篇精华帖，好像是介绍的 40(？？？) 种布局。你可以找来研究研究。关于布局，我也还只是个门外汉。贝它快讯 \| 奥德修斯·希恩 \| 主题吧 \| 纯白色 \| 爱如烟灰二手房 \| 租赁房 \| 商业物业 \| 同城约租 \| 中介门店

2007-02-05, 18:46	#8 (页面定位)
Function 注册日期: 2006-03-24 帖子: 3891	那版面现在叫做“建站技术”。贝它快讯 \| 奥德修斯·希恩 \| 主题吧 \| 纯白色 \| 爱如烟灰二手房 \| 租赁房 \| 商业物业 \| 同城约租 \| 中介门店

2007-02-06, 09:06	#10 (页面定位)
Function 注册日期: 2006-03-24 帖子: 3891	看精华区！贝它快讯 \| 奥德修斯·希恩 \| 主题吧 \| 纯白色 \| 爱如烟灰二手房 \| 租赁房 \| 商业物业 \| 同城约租 \| 中介门店

2007-02-04, 19:49	#2 (页面定位)
沉默的抗议一般站友注册日期: 2006-11-08 帖子: 18	代码：<!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/&gt" /> <title>???</title> <meta name=keywords" content="??????" /> <link rel="stylesheet" href="http://127.0.0.1/css.css" type="text/css" media="screen" /> <style type="text/css" media="screen"> </style> </head> <body> <div id="container"> <div id="head"> <img src="http://127.0.0.1/images/banner.gif" /> </div> <div id="pagebody"> <div id="sidebar"> </div> <div id="onebody"> </div> </div> </div> </body> </html>

2007-02-04, 19:49	#3 (页面定位)
沉默的抗议一般站友注册日期: 2006-11-08 帖子: 18	body { font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #FFF url('http://127.0.0.1/images/bg.gif'); /color: #333;/ text-align: center; } #head { padding: 0px 0 10px 0; border: 1px solid #959596; text-align: center; background-color: white; width:800px; } #sidebar { padding: 0px 0 10px 0; margin-right: 580px; background-color: white; width: 220px; } #onebody{ border: 1px solid #959596; clear: both; padding: 0px 0 0px 10px; text-align: center; background-color: white; width: 290px; }

2007-02-05, 15:49	#5 (页面定位)
沉默的抗议一般站友注册日期: 2006-11-08 帖子: 18	margin-right: 580px;把这个换成float就解决了

2007-02-05, 18:49	#9 (页面定位)
沉默的抗议一般站友注册日期: 2006-11-08 帖子: 18	现在里面全是ad

2007-02-06, 09:27	#11 (页面定位)
Function 注册日期: 2006-03-24 帖子: 3891	原来并没有收入精华区。 http://bbs.chinahtml.com/17666 另外，一叶千鸟的 Blog 似乎无法访问，也就看不到内容了。贝它快讯 \| 奥德修斯·希恩 \| 主题吧 \| 纯白色 \| 爱如烟灰二手房 \| 租赁房 \| 商业物业 \| 同城约租 \| 中介门店

2007-02-06, 22:52	#12 (页面定位)
沉默的抗议一般站友注册日期: 2006-11-08 帖子: 18	thanks

主题工具
显示可打印版本邮寄本页给好友
显示模式	对此主题评分
平板模式切换到混合模式切换到树形模式	对此主题评分: