Html 修复IE双边距错误,不带;显示内联";
有没有可能在不使用css属性“display:inline;”的情况下修复“IE双边距错误”我之所以问这个问题,是因为我需要使用“display:block;”才能正确显示div元素。否则它将无法工作 这是我的HTMLHtml 修复IE双边距错误,不带;显示内联";,html,css,Html,Css,有没有可能在不使用css属性“display:inline;”的情况下修复“IE双边距错误”我之所以问这个问题,是因为我需要使用“display:block;”才能正确显示div元素。否则它将无法工作 这是我的HTML </head> <body> <div class="jimgMenu"> <ul> <li class="landscapes"><a href="#nogo">Landscapes</a
</head>
<body>
<div class="jimgMenu">
<ul>
<li class="landscapes"><a href="#nogo">Landscapes</a></li>
<li class="people"><a href="#nogo">People</a></li>
<li class="nature"><a href="#nogo">Nature</a></li>
<li class="abstract"><a href="#nogo">Abstract</a></li>
<li class="urban"><a href="#nogo">Urban</a></li>
</ul>
</div>
当浮动元素只出现在IE5和IE6中时,为什么要尝试修复浮动元素上的双边距错误我在浮动左元素上看不到任何
左边距
,所以??好吧,我觉得自己像个白痴……好吧,我觉得自己像个白痴。。。我有另一个样式表,我没有看清楚,我忘记了它是造成我的问题的原因。我之所以认为它是“双边距错误”,是因为我有症状,因为当我做“display:inline”时,它修复了问题,但创建了一个新的1。而且问题只出现在IE中。无论如何,对不起大家。
.jimgMenu {
float:left;
position: relative;
width: 670px;
height: 200px;
overflow: hidden;
margin: 0px 0px 0px 0px;
left:-42px;
}
.jimgMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 200px;
width: 1340px;
}
.jimgMenu ul li {
float: left;
}
.jimgMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:78px;
height: 200px;
}
.jimgMenu ul li.landscapes a {
background: url(images/landscapes.jpg) repeat scroll 0%;
}
.jimgMenu ul li.people a {
background: url(images/people.jpg) repeat scroll 0%;
}
.jimgMenu ul li.nature a {
background: url(images/nature.jpg) repeat scroll 0%;
}
.jimgMenu ul li.abstract a {
background: url(images/abstract.jpg) repeat scroll 0%;
}
.jimgMenu ul li.urban a {
background: url(images/urban.jpg) repeat scroll 0%;
min-width:310px;
}
.clear {
clear: both;
}