0

ドロップダウンのスクリーンショット

これは、完全に表示されていないドロップダウンがある私の問題です。どこから始めればいいのかわからないので、ドロップダウンの周りにある HTML をここに示し、CSS も提供します。

HTML

<div id="add_item">
 <ul class="vert">
  <li>
   <ul class="horz">
    <li class="name">
     <select style="width: 195px; padding: 0px; margin: 0px;" disabled="disabled">
      <option value=""></option>
      <option value="0">0</option>
     </select>

    </li>
    <li class="quantity">
     <select style="width: 50px; padding: 0px; margin: 0px;" disabled="disabled">
      <option value=""></option>
      <option value="0">0</option>
     </select>
    </li>
   </ul>

  </li>
 </ul>
</div>

コードのドロップダウンが無効になっている理由は、それが動的であるためです。周囲の HTML は、選択できるオプションがあり、無効になっていないことを除いて同じです。

CSS

div#byitem ul.horz li.name {
background:transparent none repeat scroll 0 0;
display:block;
font-size:11px;
font-weight:bold;
width:195px;
}

div#byitem ul.horz {
background:transparent none repeat scroll 0 0;
clear:left;
list-style-type:none;
margin:0;
padding:0;
}
   
div#byitem ul.vert li {
background:transparent none repeat scroll 0 0;
height:14px;
margin:0;
padding:0;
}

div#byitem ul.vert {
background:transparent none repeat scroll 0 0;
list-style-type:none;
margin:0;
padding:0;
width:540px;
}

element.style {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:195px;
}
#content form select {
margin:0 0 4px 4px;
z-index:1;
}
html, body, div, p, form, input, select, textarea, fieldset {
-x-system-font:none;
color:#333333;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
}
* {
margin:0;
padding:0;
}

提案をありがとう。

編集

ドロップダウンが含まれている div の CSS を追加しました。また、行の高さを変更しても違いはありません。2 つのドロップダウン (アイテムと数量) の唯一の違いは幅です。アイテムの幅を変更しても違いはありません。

別のアイテムを追加リンクを取り出しましたが、それは問題ではないと疑われたため、変更はありません。また、私はFirefoxで開発を行っており、Safariからスクリーンショットを投稿しました。

4

7 に答える 7

2

「line-height:15px;」を設定しているようです。「選択」要素について。それを削除して、問題が解決するかどうかを確認してください。

于 2008-12-17T17:47:36.380 に答える
0

ジェロミーは正しいです。違いは、liをフローティングしていることを考慮して、selectと周囲の要素を含むliにあります。

次のスタイルの高さを変更してみて、結果を確認してください。

div#byitem ul.vert li {
    background:transparent none repeat scroll 0 0;
    height:17px;
    margin:0;
    padding:0;
}

うまくいけば、それはあなたがそれを追跡するのに役立つでしょう。

于 2008-12-17T22:02:19.753 に答える
0

DDLではないかもしれませんが、ページ上の他の何かがその一部をカバーしている可能性があります。FireFoxで、DDLの下部にある空白で「要素の検査」を試してください。

于 2008-12-17T18:46:46.107 に答える
0

問題が解決しない場合でも、要素と要素height:の両方から宣言を削除することを強くお勧めします。表示サイズは、ブラウザが使用するフォントに依存します。ユーザーのコンピューターにインストールされるフォントを制御できないため、ブラウザーで使用されるフォントを保証することはできません。これらの高さは、遅かれ早かれ問題を引き起こします (そして、現在の問題の原因になる可能性があります)。liselect

于 2008-12-17T22:17:40.220 に答える
0

ドロップダウンに違いはないかもしれません。ただし、提供したコードに基づいて、それらを含む に違いがありLIます。

すべてのリスト アイテムの基本スタイル セットがありますが、特定のスタイルも定義されていli.nameます。div#byitem ul.horz li.nameスタイルにこだわりたい。ローカルで再現するのに十分なコードはありませんが、それdisplay: blockが原因だと思います。

于 2008-12-17T19:07:26.440 に答える