61,112
社区成员
发帖
与我相关
我的任务
分享实在搞不定了,前台布局问题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" c>
<title>无标题文档</title>
<style type="text/css">
<!--
body {
padding: 0; margin: 0; background: #fff; color: #454545;
font: 12px Tahoma, sans-serif; line-height: 1.5em;
scrollbar-base-color: #F8F8F8; scrollbar-arrow-color: #698CC3;
}
a { color: #414141;text-decoration:none;}
a:hover { color: #6C757A;text-decoration:underline; }
#container {
width:900px;
margin:3px auto;
}
#mainbody {
width:650;
text-align:left;
float:left;
clear:left;
overflow:hidden;
}
#sidebar {
width:250px;
text-align:left;
float:right;
clear:right;
overflow:hidden;
background:#EAF2E5;
}
#footer {
text-align:right;
height:50px;
float:right;
clear:right;
}
.standard {
width:320px;
text-align:left;
float:left;
overflow:hidden;
}
.left{
float:left;
clear:left;
}
.right{
float:right;
clear:right;
}
.inddline {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #D7DED1;
}
-->
</style>
</head>
<body>
<table class="tbspan" align="center" border="0" cellpadding="0" cellspacing="0" width="900">
<tbody>
<tr>
<td align="center" height="68" width="190"><a href="http://www.lybase.net" target="_blank"><img src="http://www.lybase.net/templets/img/logo.png" alt="PHP学习网" border="0" height="55" width="170"></a></td>
<td align="center" width="20"> </td>
<td align="center" width="486"> </td>
<td align="center" width="190"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr align="center" height="20">
<td height="24"><a href="http://www.lybase.net/plus/sitemap.html">网站地图</a></td>
<td><a href="http://www.lybase.net/plus/rssmap.html">RSS订阅</a></td>
</tr>
<tr align="center" height="20">
<td><a href="http://www.lybase.net/plus/heightsearch.php">高级搜索</a></td>
<td><a href="http://www.lybase.net/#" >收藏本站</a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<table class="tbspan" align="center" border="0" cellpadding="0" cellspacing="0" width="900">
<tbody>
<tr>
<td height="36" width="10"> </td>
<td width="880"><a href="http://www.lybase.net">首页</a> </td>
<td align="right" background="/templets/img/31bg1.gif" width="10"> </td>
</tr>
</tbody>
</table>
<table class="tbspan" align="center" border="0" cellpadding="0" cellspacing="0" width="900">
<tbody>
<tr>
<td background="/templets/img/31bg2.gif" height="32" width="10"></td>
<td background="/templets/img/31bg2.gif" width="508"><div class="hotworddiv">关键字： <a href="http://www.lybase.net/plus/search.php?keyword=php&searchtype=titlekeyword" target="_self"><u>php</u></a> <a href="http://www.lybase.net/plus/search.php?keyword=php%D1%A7%CF%B0&searchtype=titlekeyword" target="_self"><u>php学习</u></a> <a href="http://www.lybase.net/plus/search.php?keyword=PHP%BD%CC%B3%CC&searchtype=titlekeyword" target="_self"><u>PHP教程</u></a> <a href="http://www.lybase.net/plus/search.php?keyword=mysql&searchtype=titlekeyword" target="_self"><u>mysql</u></a> <a href="http://www.lybase.net/plus/search.php?keyword=linux&searchtype=titlekeyword" target="_self"><u>linux</u></a> <a href="http://www.lybase.net/plus/search.php?keyword=apache&searchtype=titlekeyword" target="_self"><u>apache</u></a> </div></td>
<td align="center" background="/templets/img/31bg2.gif" width="372"><form action="/plus/search.php" name="formsearch">
<input name="kwtype" value="0" type="hidden">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="47%"><input name="keyword" id="keyword" class="kw1" type="text"></td>
<td align="center" width="30%"><select name="select" id="searchtype" class="op1">
<option value="titlekeyword" selected="selected">智能模糊搜索</option>
<option value="title">仅搜索标题</option>
</select>
</td>
<td align="center" width="23%"><input name="imageField2" src="http://www.lybase.net/templets/img/v31s.gif" border="0" height="19" type="image" width="73"></td>
</tr>
</tbody>
</table>
</form></td>
<td align="right" background="/templets/img/31bg2.gif" width="10"> </td>
</tr>
</tbody>
</table>
<div id="container">
<div id="mainbody">
<div class="standard"></div>
</div><!-- end mainbody -->
<div id="sidebar">
<div>
<table width="98%" border="1">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div>
<!--Split-->
<br />
</div>
</div>
<!-- end sidebar-->
</div>
<div id="footer">
<center>
<table width="100%" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td><img src="images/spacer.gif" width="100%" height="1"></td>
</tr>
<tr>
<td > <a href="mailto:support@exblog.net">联系我们</a> | <a class="G" href="http://www.lybase.net"> 本BLOG采用myBlog</a> <img src="./templates/iMsn/images/spacer.gif" width="100" height="1">Copyright © 2003-2005 <a href=http://www.lybase.net target=_blank class=copy>MyBlog ver: 0.0.1</a> All Rights Reserved.</td>
</tr>
</table>
</center>
</div>
</body>
</html>
为何ID为footer 的那个层文字总是贴在最左面?搞了一晚上,没搞明白,希望大家帮帮忙,谢谢啦
...全文
请发表友善的回复…
发表回复
meikeer 2008-02-10
- 打赏
- 举报
可是在Firefox里显示就不正常了,显示跟mainbody 是平级的关系,如果让它也在最底部显示?
meikeer 2008-02-10
- 打赏
- 举报
#footer {
width:900px;
text-align:center;
height:50px;
}
居然指定一下长度就OK了,谢谢两位
width:900px;
text-align:center;
height:50px;
}
居然指定一下长度就OK了,谢谢两位
张吉Jerry 2008-02-10
- 打赏
- 举报
<center>标签IE支持FF不支持，把这个标签去掉，然后#footer{text-align:center;}
nerissa 2008-02-10
- 打赏
- 举报
IE 中显示正常
