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

2013-07-09

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

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

在IE6下就成这个样子了：

这是相关的HTML



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

这是相关的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>

热点排行

asp.net

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