0

2つの異なるブラウザに問題があります。問題のスナップショットを添付しました。次のcssを使用すると、image1が表示されます。

.support-data-text img, .support-data-text select {
float:left
}
/* this is for dropdown list */
form#saveSupport select {
    height: 29px;
    width: 234px;
    position: absolute;
}

form#saveSupport input{float: left; width: 243px;}

/* this is for the img we are using for dropdown list */
form#saveSupport .select_game { background: url(../images/select-status.png) no-repeat;
   width: 223px; position: absolute; height: 29px; line-height:29px;
   padding: 0 0 0 10px; color: #333; font-size:12px; overflow: hidden; 
}

ここに画像の説明を入力してください

Chromeに追加margin-left: 18%するとform#saveSupport .select_game、ドロップダウンリストの画像が適切に配置されますが、実際のドロップダウンリストは表示されませんが、Firefoxではドロップダウンリストが右側に移動します。（画像2）ここに画像の説明を入力してください

親切に解決策を手伝ってください。ありがたいです！

ありがとう、ヴィクラム

4

1 に答える 1

1

position:relativeこんにちは、親要素と子要素セットに設定したと思いますposition:relative

あなたの親部門はこれだと思います

.support-data-text{
position:relative;
}

子divの絶対位置に設定し、デザインに従って左右上下に設定します。

于 2012-04-27T09:39:32.580 に答える