在线等,代码已经贴出。在IE浏览是好好的。在FF浏览器下面乱了。

twthame 总监  2007-12-24 07:39:02
<!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>无标题文档</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.GbookInput{
width:350px;
height:25px;
margin-left:15px;
float:left;
clear:left;
margin-top:5px;
line-height:25px;
}
.GbookInput1{
width:500px;
height:25px;
margin-left:15px;
float:left;
clear:both;
margin-top:5px;
line-height:25px;
}
-->
</style></head>

<body>
<div style="width:90%; margin:0px auto; height:320px; border:#CCCCCC 1px solid;">
<div class="GbookInput">姓  名:</div>
<div class="GbookInput">信  箱:</div>
<div class="GbookInput">联系电话:</div>
<div class="GbookInput">公司名称:</div>
<div class="GbookInput">留言主题:</div>
<div style=" width:150px; height:105px; float:left; clear:right; margin-top:5px; text-align:center; padding-top:40px; border:#000000 1px solid;">fd</div>
<div class="GbookInput1">选择头像:</div>
<div class="GbookInput1">留言内容:</div>
</div>

</body>
</html>
...全文
20 点赞 收藏 2
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
weizeyan52 2008-02-01
<!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> 无标题文档 </title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.div1{ float:left; width:350px; padding-left:5px;}
.GbookInput{
width:350px;
height:25px;
float:left;
margin-top:5px;
line-height:25px;
}
.GbookInput1{
width:350px;
line-height:25px;

float:left;
margin-top:5px;
line-height:25px;
}
-->
</style> </head>

<body>

<div style="width:90%; margin:0px auto; height:320px; border:#CCCCCC 1px solid;">
<div class="div1">
<div class="GbookInput"> 姓  名: </div>
<div class="GbookInput"> 信  箱: </div>
<div class="GbookInput"> 联系电话: </div>
<div class="GbookInput"> 公司名称: </div>
<div class="GbookInput"> 留言主题: </div>

<div class="GbookInput1"> 选择头像: </div>
<div class="GbookInput1"> 留言内容:留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容: </div>
</div>

<div style=" width:150px; height:105px; float:left; margin-top:5px; text-align:center; padding-top:40px; border:#000000 1px solid;"> fd </div>
</div>

</body>
</html>


现在都兼容了
回复
cloudgamer 2007-12-25
加个容器吧
<div style="float:left">
<div class="GbookInput"> 姓  名: </div>
<div class="GbookInput"> 信  箱: </div>
<div class="GbookInput"> 联系电话: </div>
<div class="GbookInput"> 公司名称: </div>
<div class="GbookInput"> 留言主题: </div>
</div>
<div style=" width:150px; height:105px; float:left; clear:right; margin-top:5px; text-align:center; padding-top:40px; border:#000000 1px solid;"> fd </div>
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告