读书人

关于fieldset标签的疑问解决思路

发布时间: 2012-04-25 19:32:32 作者: rapoo

关于fieldset标签的疑问
http://www.91yhg.com/index.jsp
这个站底部的 友情链接 部分,我把代码掏了出来,但是显示的样子不同
请大家指点一下我掏少了哪些代码..(其中我只是改了高度而已)
HTML:

HTML code
<div class="links">    <fieldset>          <legend>友情链接</legend>    </fieldset></div>


========
CSS:
CSS code
.links{    width:960px;    height:50px;    line-height:50px;    margin-top:5px;    margin-bottom:15px;}    .links fieldset{    border:2px #A50B0D solid;    width:946px;    height:auto;    vertical-align:middle;}.links legend{    color:#A50B0D;    font-weight:600;}    .links a{    margin-left:10px;    margin-right:10px;}


同样是火狐浏览器,居然不同的效果,以下为截图:


[解决办法]
我在ie 9上看了没有问题啊。。
[解决办法]
HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <style>.links{    width:960px;    height:50px;    line-height:50px;    margin-top:5px;    margin-bottom:15px;}    .links fieldset{    border:2px #A50B0D solid;    width:946px;    height:auto;    vertical-align:middle;}.links legend{    color:#A50B0D;    font-weight:600;}    .links a{    margin-left:10px;    margin-right:10px;}        </style>    </head>    <body>        <div class="links">            <fieldset>                  <legend>友情链接</legend>            </fieldset>        </div>    </body></html>
[解决办法]
帮你测试过,无问题

读书人网 >CSS

热点推荐