| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1469 人关注过本帖
标题:我的代码写得有问题吗?
只看楼主 加入收藏
doraxwj
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2007-12-3
收藏
 问题点数:0 回复次数:3 
我的代码写得有问题吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.]http://www.[/url]">
<html xmlns="[url=http://www.]http://www.[/url]">
<head>
<meta http-equiv="Content-Type" c />
<title>无标题文档</title>
<style>
html,body{
margin:0;padding:0}
body{
border:0;font:Verdana, Arial, Helvetica, sans-serif}
#container{
width:800px;margin:0;}
#head{
width:100%;margin:0;padding:0;font:Arial,Helvetica,sans-serif;font-size:18px;line-height:70px;}
#wrapper{ text-align:left; float:left;
width:100%;margin:0;}
#main{
float:left;margin:0px 150px 0px 150px;width:50%;}
#leftside{
float:left;margin:0px 650px 0px 0px;width:25%}
#rightside{
float:left;margin-left:-25%;with:25%}
#main p{font-weight:500;}
</style>
</head>
<body>
<div id="container">
<div id="head">HEAD</div>
<div id="wrapper">
<div id="main"><p>this is main part.</p>
<p>this is main part.</p>
<p>this is main part.</p>
<p>this is main part.</p></div>
</div>
<div id="leftside">this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.this is leftside.</div>
<div id="rightside">that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.that is rightside.</div>
<div id="footer">here goes the footer.</div>
</div>
</body>
</html>



我希望看到的是一个头(head)和下面并列的三列,分别是leftside,main,rightside但是运行后效果总归不尽如人意
能帮我看下css出了什么问题么?我觉得红色部分有点问题,但是不知道问题怎么解决
想请教一下高手.
搜索更多相关主题的帖子: body 代码 margin head 
2007-12-04 13:47
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
收藏
得分:0 
代码风格不好.,..看着好头晕...就不改你的代码了...

我给个示范吧...我经常这么干滴
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#head {
    background-color: #0099FF;
    margin: 0px;
    padding: 0px;
    height: 100px;
    width: 800px;
}
#middle {
    margin: 0px;
    padding: 0px;
    width: 800px;
}

#middle ul {
    margin: 0px;
    padding: 0px;
}

#middle li {
    margin: 1px;
    padding: 0px;
    float: left;
    height: 200px;
    width: 32.5%;
    border: 1px solid #FF0000;
    list-style-type: none;
}
#foot {
    background-color: #999966;
    margin: 0px;
    padding: 0px;
    height: 100px;
    width: 800px;
}
-->
</style>
</head>

<body>
<div id="head">header</div>
<div id="middle">
  <ul>
    <li>left</li>
    <li>main</li>
    <li>right</li>
  </ul>
</div>
<div id="foot">footer</div>
</body>
</html>
2007-12-04 14:53
doraxwj
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2007-12-3
收藏
得分:0 
多谢多谢! 
2007-12-04 15:31
ziming0123
Rank: 1
等 级:新手上路
帖 子:15
专家分:0
注 册:2007-4-17
收藏
得分:0 
你的代码布局有问题 我画了个图给你看下

[[italic] 本帖最后由 ziming0123 于 2007-12-4 17:29 编辑 [/italic]]

123.JPG (20.12 KB)
图片附件: 游客没有浏览图片的权限,请 登录注册
2007-12-04 17:06
快速回复:我的代码写得有问题吗?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.023144 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved