救命!CSS 怪异问题: 1、height值小于20px时在IE6里不起作用!2、

test

在IE6和FF3显示都有问题!

dolfen 2008-12-08 03:05:12
救命!
CSS 怪异问题:
1、height值小于20px时在IE6里不起作用!
2、<div><p>test</p></div>在IE6和FF3显示都有问题!上下有空白,但是div加了border样式就正常了!
有没有人遇到过呀?帮忙试试,谢谢!


<html>
<head>
<title>test</title>
<style type="text/css">
/* border用于测试边界 */
#PRight{ width:356px; margin-right:5px;}
#PRight .box_head{ height:8px; background:#ccccff url(_images/loginPage_rightBox_head.gif) no-repeat; border:solid 1px #0000FF;}
#PRight .box_title{ height:35px; line-height:35px; padding-left:20px; background:#ffcccc url(_images/loginPage_rightBox_title.gif) no-repeat;} /* border:solid 1px #FF0000; */
#PRight .box_mid{ padding:0px 8px 0px 8px; background:#ccffff url(_images/loginPage_rightBox_mid.gif) repeat-y;} /* border:solid 1px #00F0F0; */
#PRight .box_foot{ height:8px; background:#ccffcc url(_images/loginPage_rightBox_foot.gif) no-repeat; border:solid 1px #00FF00;}
</style>
</head>
<body>
<div id="PRight">
<div class="box_head"></div>
<div class="box_title">Welcome!</div>
<div class="box_mid">
<p>test</p>
</div>
<div class="box_foot"></div>
</div>
</body>
</html>
...全文
207 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
daly2008 2008-12-08
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 dolfen 的回复:]
引用 2 楼 daly2008 的回复:
去掉 <div class="box_mid">
<p>test </p>
</div>中的
<P> </P>即可


<div class="box_mid">是做容器的,里面放什么代码是不能限制呀,除了P,还有h1-h5、ul……之类都会有问题。 -_-!!!
[/Quote]
不去p的话,改改padding 属性定义元素的内边距,你的padding:0px 8px 0px 8px;上下间距都让你设为0px了,改个值看看。。
dolfen 2008-12-08
  • 打赏
  • 举报
回复
谢谢大家!
问题1解决:zhaoyuehui13245的方法,多加个font-size:0px;
问题2解决:p,ul,h1,h2,h3,h4,h5{ padding:10px; margin:0px; }
anjing5566 2008-12-08
  • 打赏
  • 举报
回复
第一个问题是字体的问题,
第二个问题,有点奇怪,一种方法,设定边框,颜色和背景相同,另外一种方法,给你里面的p加css

具体问题原因待查,先MARK一下
dolfen 2008-12-08
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 daly2008 的回复:]
去掉 <div class="box_mid">
<p>test </p>
</div>中的
<P> </P>即可
[/Quote]

<div class="box_mid">是做容器的,里面放什么代码是不能限制呀,除了P,还有h1-h5、ul……之类都会有问题。 -_-!!!
x1c2s3 2008-12-08
  • 打赏
  • 举报
回复
第一个问题定义一下BODY就可以了,,以为浏览器的默认字号不一样;;body{ font:"宋体" ; font-size:12px; }

第二个问题是p的问题,去掉就行
daly2008 2008-12-08
  • 打赏
  • 举报
回复
去掉<div class="box_mid">
<p>test</p>
</div>中的
<P></P>即可
zhaoyuehui13245 2008-12-08
  • 打赏
  • 举报
回复
1、height值小于20px时在IE6里不起作用!

回答是:你应该多加一个属性:font-size:0px;就可以了.

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧