我的代码写得有问题吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]"><html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/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:[color=red]0px 150px 0px 150px[/color];width:50%;}
#leftside{
float:left;margin:[color=red]0px 650px 0px 0px[/color];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出了什么问题么？我觉得红色部分有点问题，但是不知道问题怎么解决
想请教一下高手． 代码风格不好.,..看着好头晕...就不改你的代码了...
我给个示范吧...我经常这么干滴[code]<!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" />
<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>[/code] 多谢多谢！ 你的代码布局有问题 我画了个图给你看下
[[italic] 本帖最后由 ziming0123 于 2007-12-4 17:29 编辑 [/italic]]
页:
[1]