CSS与firefox&ie兼容性问题01
<styletype="text/css">body{margin:0px;background:#FFFFFF;font-size:1.2em;color:#F9F9F...
<style type="text/css">
body{
margin:0px;
background:#FFFFFF;
font-size:1.2em;
color:#F9F9F9;
}
.main {
width:900px;
height:900px;
margin:0px auto;
background:#FFFFFF;
}
.left {
margin:0px;
width:300px;
height:100px;;
background:#6B5B4A;
float:left;
text-align:left;
}
.left ul {
margin:0px;
list-style:none;
}
.left ul li{
background:#6B5B4A;
}
.right {
margin:0px;
width:300px;
height:100px;
background:#1c2b3a;
float:right;
text-align:right;
}
.right ul {
margin:0px;
list-style:none;
}
.right ul li{
background:#1c2b3a;
}
.center {
height:100px;
margin:0px;
background:#6c2b2c;
text-align:center;
}
.center ul {
margin:0px;
list-style:none;
}
.center ul li{
color:#6c2b2c;
}
</style>
</head>
<body>
<div class="main">
<div class="left">
<ul>
<li>contect</li>
<li>contect2</li>
<li>contect3</li>
</ul>
</div>
<div class="right">
<ul>
<li>contect</li>
<li>contect2</li>
<li>contect3</li>
</ul>
</div>
<div class="center"> </div>
</div>
大家看，在.left ul li内的文字 与ff位置为什么不一样呢 展开
body{
margin:0px;
background:#FFFFFF;
font-size:1.2em;
color:#F9F9F9;
}
.main {
width:900px;
height:900px;
margin:0px auto;
background:#FFFFFF;
}
.left {
margin:0px;
width:300px;
height:100px;;
background:#6B5B4A;
float:left;
text-align:left;
}
.left ul {
margin:0px;
list-style:none;
}
.left ul li{
background:#6B5B4A;
}
.right {
margin:0px;
width:300px;
height:100px;
background:#1c2b3a;
float:right;
text-align:right;
}
.right ul {
margin:0px;
list-style:none;
}
.right ul li{
background:#1c2b3a;
}
.center {
height:100px;
margin:0px;
background:#6c2b2c;
text-align:center;
}
.center ul {
margin:0px;
list-style:none;
}
.center ul li{
color:#6c2b2c;
}
</style>
</head>
<body>
<div class="main">
<div class="left">
<ul>
<li>contect</li>
<li>contect2</li>
<li>contect3</li>
</ul>
</div>
<div class="right">
<ul>
<li>contect</li>
<li>contect2</li>
<li>contect3</li>
</ul>
</div>
<div class="center"> </div>
</div>
大家看，在.left ul li内的文字 与ff位置为什么不一样呢 展开
展开全部
.left ul {
margin:0px;
list-style:none;
}
改为：
.left ul {
margin:0;
padding:0;
list-style:none;
}
margin:0px;
list-style:none;
}
改为：
.left ul {
margin:0;
padding:0;
list-style:none;
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.left ul {
margin:0px;
list-style:none; padding:0px;
}
改成这样的就行了
还有一般写样式就在头部定一些固定
如ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px;}
这样你以后就不会有这样的问题了，呵呵
给我加个好评吧
我的空间
margin:0px;
list-style:none; padding:0px;
}
改成这样的就行了
还有一般写样式就在头部定一些固定
如ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px;}
这样你以后就不会有这样的问题了，呵呵
给我加个好评吧
我的空间
参考资料： http://hi.baidu.com/longkin/blog
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
