求人帮忙,下面代码在ie6/ie8中出现的问题,怎么解决好,有点急啊。

不喜欢吃素的菜鸟 发布于 2013/04/24 11:30
阅读 101
收藏 0
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">
        <title>试题页面</title>
        <style>
            *{ margin: 0px; padding: 0px; }
            ul{ list-style: none; padding: 0px;}
            hr{ color: blue; }
            .title{ color: red; padding-top: 30px; padding-bottom: 90px; }
            .question_item{ padding-left: 30px; }
            .answer{ padding-right: 10px; }
            .answer_NotFirst{ padding-left: 30px; }
            .clear_both{ clear: both; }
            .float_left{ float: left; }
            .question_title_number{ color: red; }
            .question_title{ padding-top: 20px; padding-bottom: 20px; }
            .q_padding{ padding-bottom: 3px; }
            .q_padding_1{ padding-bottom: 10px; }
            
            
        </style>
    </head>

    <body>
        命名规则:<br/>
            单选题:single Choice>>>大写的 singleChoice<br/>
            多选题:multiple Choice>>>大写的 multipleChoice<br/>
            填空题:Gap Filling>>>大写的 gapFilling<br/>
            

    
    
        <div style="background-color: #ccc;">
            <!-- 单选题开始 -->
            <div>
                <div>
                    <br/>
                    <hr/>
                    <div class="question_item title">
                        一、单选题(共10题,每题1分)
                    </div>                
                </div>
                <!-- 试题开始 begin -->
                <div>
                    <hr/>
                    <div class="question_item">
                        <ul>
                            <li class="question_title"><span>第<span class="question_title_number">1</span>题</span></li>
                            <li class="q_padding">若曦SGSN内部有( )个PAPU单元</li>
                            <li class="q_padding">A、4</li>
                            <li class="q_padding">B、5</li>
                            <li class="q_padding">C、6</li>
                            <li class="q_padding">D、61</li>
                            <li class="q_padding_1">答案:</li>
                            <li id="singleChoice_questions_1_answers_options" class="q_padding_1">
                                A、B、C、D
                                <!--<ul >
                                    <li class="answer float_left">
                                        <label for="singleChoice_questions_1_answers_1">
                                            <input id="singleChoice_questions_1_answers_1" name="singleChoice_questions_1_answers" type="radio" value="A" />&nbsp;A
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_1_answers_2">
                                            <input id="singleChoice_questions_1_answers_2" name="singleChoice_questions_1_answers" type="radio" value="B" />&nbsp;B
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_1_answers_3">
                                            <input id="singleChoice_questions_1_answers_3" name="singleChoice_questions_1_answers" type="radio" value="C" />&nbsp;C
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_1_answers_4">
                                            <input id="singleChoice_questions_1_answers_4" name="singleChoice_questions_1_answers" type="radio" value="D" />&nbsp;D
                                        </label>
                                    </li>
                                </ul>
                                -->
                            </li>
                        </ul>    
                    </div>
                </div>
                <!-- 试题开始 end -->
                <!-- <div class="clear_both"></div> -->
                
                <!-- 试题开始 begin -->
                <div>
                    <hr/>
                    <div class="question_item">
                        <ul>
                            <li class="question_title"><span>第<span class="question_title_number">2</span>题</span></li>
                            <li class="q_padding">若曦SGSN内部有( )个PAPU单元</li>
                            <li class="q_padding">A、422222222222222222</li>
                            <li class="q_padding">B、5</li>
                            <li class="q_padding">C、6</li>
                            <li class="q_padding">D、61</li>
                            <li class="q_padding_1">答案:</li>
                            <li id="singleChoice_questions_2_answers_options" class="q_padding_1">
                                <ul >
                                    <li class="answer float_left">
                                        <label for="singleChoice_questions_2_answers_1">
                                            <input id="singleChoice_questions_2_answers_1" name="singleChoice_questions_2_answers" type="radio" value="A" />&nbsp;A
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_2_answers_2">
                                            <input id="singleChoice_questions_2_answers_2" name="singleChoice_questions_2_answers" type="radio" value="B" />&nbsp;B
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_2_answers_3">
                                            <input id="singleChoice_questions_2_answers_3" name="singleChoice_questions_2_answers" type="radio" value="C" />&nbsp;C
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_2_answers_4">
                                            <input id="singleChoice_questions_2_answers_4" name="singleChoice_questions_2_answers" type="radio" value="D" />&nbsp;D
                                        </label>
                                    </li>
                                </ul>                                
                            </li>
                        </ul>    
                    </div>
                </div>
                <!-- 试题开始 end -->
                
                <div class="clear_both"></div>
                
                <!-- 单选题 需要复制的 试题开始 begin -->
                <div id="singleChoice_questions_thisMode">
                    <hr/>
                    <div class="question_item">
                        <ul>
                            <li class="question_title"><span>第<span class="question_title_number">2这里是需要设置的,代表第几题</span>题</span& gt;</li>
                            <li class="q_padding">这个是以后复制,循环的节点,以输出试题</li>
                            <li class="q_padding">A、4</li>
                            <li class="q_padding_1">答案:</li>
                            <li id="singleChoice_questions_10000_answers_options" class="q_padding_1">
                                <ul >
                                    <li class="answer float_left">
                                        <label for="singleChoice_questions_10000_answers_10000">
                                            <input id="singleChoice_questions_10000_answers_10000" name="singleChoice_questions_10000_answers" type="radio" value="A" />&nbsp;A
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="singleChoice_questions_10000_answers_10001">
                                            <input id="singleChoice_questions_10000_answers_10001" name="singleChoice_questions_10000_answers" type="radio" value="B" />&nbsp;B
                                        </label>
                                    </li>
                                </ul>
                            </li>
                        </ul>    
                    </div>
                </div>
                <!-- 单选题 需要复制的 试题开始 end -->
            </div>
            <!-- 单选题结束 -->
            <div class="clear_both"></div>            
            
            <!-- 多选题开始 -->
            <div>
                <div>
                    <br/>
                    <hr/>
                    <div class="question_item title">
                        二、多选题(共10题,每题1分)
                    </div>                
                </div>
                <!-- 多选题 需要复制的 试题开始 begin -->
                <div id="multipleChoice_questions_thisMode">
                    <hr/>
                    <div class="question_item">
                        <ul>
                            <li class="question_title"><span>第<span class="question_title_number">50这里是需要设置的,代表第几题</span>题< /span></li>
                            <li class="q_padding">这个是以后复制,循环的节点,以输出试题</li>
                            <li class="q_padding">A、4</li>
                            <li class="q_padding_1">答案:</li>
                            <li id="multipleChoice_questions_10000_answers_options" class="q_padding_1">
                                <ul >
                                    <li class="answer float_left">
                                        <label for="multipleChoice_questions_10000_answers_10000">
                                            <input id="multipleChoice_questions_10000_answers_10000" name="multipleChoice_questions_10000_answers" type="checkbox" value="A" />&nbsp;A
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="multipleChoice_questions_10000_answers_10001">
                                            <input id="multipleChoice_questions_10000_answers_10001" name="multipleChoice_questions_10000_answers" type="checkbox" value="B" />&nbsp;B
                                        </label>
                                    </li>
                                </ul>
                            </li>
                        </ul>    
                    </div>
                </div>
                <!-- 多选题 需要复制的 试题开始 end -->
                <div class="clear_both"></div>
                
                <!-- 多选题 试题开始 begin -->
                <div id="multipleChoice_questions_thisMode">
                    <hr/>
                    <div class="question_item">
                        <ul>
                            <li class="question_title"><span>第<span class="question_title_number">1</span>题</span></li>
                            <li class="q_padding">哪个是数字</li>
                            <li class="q_padding">A、4</li>
                            <li class="q_padding">B、4</li>
                            <li class="q_padding">C、43333</li>
                            <li class="q_padding">D、4</li>
                            <li class="q_padding">E、4</li>
                            <li class="q_padding_1">答案:</li>
                            <li id="multipleChoice_questions_10000_answers_options" class="q_padding_1">
                                <ul >
                                    <li class="answer float_left">
                                        <label for="multipleChoice_questions_1_answers_1">
                                            <input id="multipleChoice_questions_1_answers_1" name="multipleChoice_questions_1_answers" type="checkbox" value="A" />&nbsp;A
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="multipleChoice_questions_1_answers_2">
                                            <input id="multipleChoice_questions_1_answers_2" name="multipleChoice_questions_1_answers" type="checkbox" value="B" />&nbsp;B
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="multipleChoice_questions_1_answers_3">
                                            <input id="multipleChoice_questions_1_answers_3" name="multipleChoice_questions_1_answers" type="checkbox" value="C" />&nbsp;C
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="multipleChoice_questions_1_answers_4">
                                            <input id="multipleChoice_questions_1_answers_4" name="multipleChoice_questions_1_answers" type="checkbox" value="D" />&nbsp;D
                                        </label>
                                    </li>
                                    <li class="answer answer_NotFirst float_left">
                                        <label for="multipleChoice_questions_1_answers_5">
                                            <input id="multipleChoice_questions_1_answers_5" name="multipleChoice_questions_1_answers" type="checkbox" value="E" />&nbsp;E
                                        </label>
                                    </li>
                                </ul>
                            </li>
                        </ul>    
                    </div>
                </div>
                <!-- 多选题 试题开始 end -->
                <div class="clear_both"></div>
                
                
            </div>
            <!-- 多选题结束 -->
        </div>
    </body>
</html>

加载中
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部