ie6的兼容小弟我总是做不好，求有经验的大哥指导指导！

ie6的兼容我总是做不好，求有经验的大哥指导指导！！！
我做了个东西在IE7,8,9下正常显示
ie6的兼容小弟我总是做不好，求有经验的大哥指导指导！

在IE6下就成这个样子了：

这是相关的HTML



&lt;div id="left_content_1" class="left_content_main"&gt;
    &lt;div class="left_content_1_1"&gt;
                &lt;div id="a" class="left_content_1_1_in"&gt;&lt;/div&gt;
                &lt;div id="a_left" class="left_content_1_1_in"&gt;&lt;div class="dian"&gt;&lt;/div&gt;&lt;a class="zhuanye" href="#"&gt;银行信息专业&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="left_content_1_1"&gt;
                &lt;div id="b" class="left_content_1_1_in"&gt;&lt;/div&gt;
                &lt;div id="b_left" class="left_content_1_1_in"&gt;&lt;div class="dian"&gt;&lt;/div&gt;&lt;a class="zhuanye" href="#"&gt;安检专业&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="left_content_1_1"&gt;
                &lt;div id="c" class="left_content_1_1_in"&gt;&lt;/div&gt;
                &lt;div id="c_left" class="left_content_1_1_in"&gt;&lt;div class="dian"&gt;&lt;/div&gt;&lt;a class="zhuanye" href="#"&gt;复合型专业-电子与信息技术&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="left_content_1_1"&gt;
                &lt;div id="d" class="left_content_1_1_in"&gt;&lt;/div&gt;
                &lt;div id="d_left" class="left_content_1_1_in"&gt;&lt;div class="dian"&gt;&lt;/div&gt;&lt;a class="zhuanye" href="#"&gt;复合型专业-钳电焊&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="left_content_1_1"&gt;
                &lt;div id="e"class="left_content_1_1_in"&gt;&lt;/div&gt;
                &lt;div id="e_left" class="left_content_1_1_in"&gt;&lt;div class="dian"&gt;&lt;/div&gt;&lt;a class="zhuanye" href="#"&gt;新型环保专业-生化制剂&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="left_content_1_1"&gt;
                &lt;div id="f"class="left_content_1_1_in"&gt;&lt;/div&gt;
                &lt;div id="f_left" class="left_content_1_1_in"&gt;&lt;div class="dian"&gt;&lt;/div&gt;&lt;a class="zhuanye" href="#"&gt;高薪亮点专业-铁道供电&lt;/a&gt;&lt;/div&gt; 
 
            &lt;/div&gt;
 &lt;/div&gt;

这是相关的CSS


#left_content_1
{
    height:206px;
    background:url('../images/index1_05.jpg');
    }
.left_content_1_1
{
    height:30px;
    width:100%;
    }
.left_content_1_1_in
{
    
    float:left;
    }
#a
{
    width:17%;
    height:30px;
    }
#b{
    width:17%;
    height:30px;
    }
#c
{
    width:17%;
    height:30px;
    }
#d
{
    width:17%;
    height:30px;
    }
#e
{
    width:17%;
    height:30px;
    }
#f
{
    width:17%;
    height:30px;
    }
#a_left
{
    width:83%;
    height:30px;
    }
#b_left{
    width:83%;
    height:30px;
    }
#c_left
{
    width:83%;
    height:30px;
    }
#d_left
{
    width:83%;
    height:30px;
    }
#e_left
{
    width:83%;
    height:30px;
    }
#f_left
{
    width:83%;
    height:30px;
    }
.zhuanye
{
    line-height:normal;
    }
.dian
{
    height:7px;
    }

IE6 CSS 兼容
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<script src="/Scripts/jquery-1.4.1.js"></script>
<style>
.left_content_main
{
background:url('../images/index1_05.jpg');
background-repeat:no-repeat;
height:206px;
}
.left_content_main a
{

color:#000;
}
.left_content_main ul, left_content_main li
{
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
color: #000;
}
.left_content_main ul
{
padding-left:45px; height:auto;
}
.left_content_main ul li
{
height:24px; line-height:24px; margin-bottom:5px;
}
</style>
<body>
<form id="form1" runat="server">
<div id="left_content_1" class="left_content_main">
<ul>
<li><a class="zhuanye" href="#">银行信息专业</a></li>
<li><a class="zhuanye" href="#">安检专业</a></li>
<li><a class="zhuanye" href="#">复合型专业-电子与信息技术</a></li>
<li><a class="zhuanye" href="#">复合型专业-钳电焊</a></li>
<li><a class="zhuanye" href="#">新型环保专业-生化制剂</a></li>
<li><a class="zhuanye" href="#">高薪亮点专业-铁道供电</a></li>
</ul>
</div>
</div>
</form>
</body>
</html>

ie6的兼容小弟我总是做不好求有经验

热点推荐