0

ここに私のページがあります

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head >
<link rel="Stylesheet" type="text/css" href="Content/themes/base/jquery-ui.css" />
<link rel="Stylesheet" type="text/css" href="Content/themes/base/jquery.ui.base.css" />
<link rel="Stylesheet" type="text/css" href="Content/themes/base/jquery.ui.theme.css" />
<link rel="Stylesheet" type="text/css" href="Content/ui.jqgrid.css" />

<style type="text/css">
ul, ol { margin-left:1.5em; padding-left:0px; }
li { margin-bottom:2.5em; }
body,
    html {
        margin:0;
        padding:0;
        color:#000;
        background:#a7a09a;
    }
#wrapper{
    width:100%;
    height:1024px;
    background:#f5f5f5;
}

#sideBar{
    width:20%;
    height:1024px;
    background:red;
    display:block;
    float:right;
}
#mainContent{
    width:80%;
    height:1024px;
    background:blue;
    display:block;
    float:left;
}
    * html #footer {
        height:1px;
    }

</style>

<script type="text/javascript" src="Scripts/modernizr.custom.05850.js"></script>

<script type="text/javascript" src="Scripts/jquery-1.7.2.js" > </script>

<script type="text/javascript" src="Scripts/jquery-ui-1.8.19.min.js"></script>

<script  type="text/javascript"  src="Scripts/grid.locale-en.js" ></script>

<script   type="text/javascript" src="Scripts/jquery.jqGrid.min.js"></script>

<script type="text/javascript" src="Scripts/json2.min.js"></script>

<script type="text/javascript" src="Scripts/knockout-2.1.0.js"></script>

<script type="text/javascript" src="Scripts/knockout.mapping-latest.js"></script>

<script type="text/javascript" src="Scripts/linq.min.js"></script>


<script type="text/javascript" src="Scripts/jquery.layout-latest.js"></script>

</head>
<body>
<div id="wrapper">
    <div id="sideBar">


    <select   id='listOfExistingViews'  />    


    <ul >


    <li>

TEST1

    </li>

    <li>

     TEST2
    </li>

    </ul>

    </div>
    <div id="mainContent"></div>
</div>



</body>
</html>

ul 要素の表示/レンダリングが許可されず、メイン コンテナも背景色を保持しないため、問題は「select」要素にあります。select要素が使用されていない場合でも、すべてが正常に機能しているようです..:| ここで私が見逃しているものは何ですか....

4

2 に答える 2

3

select有効なタグが必要です。

<select id="listOfExistingViews"></select>
于 2012-06-19T13:01:38.553 に答える
0

select タグを適切に開閉する必要があり、select の後にオプションを指定する必要があります。

<select id='listOfExistingViews'>
 <option value='1'>TEST1</option>
 <option value='2'>TEST2</option>
</select>
于 2012-06-19T13:07:10.060 に答える