1

これが私のフィドルです： http://jsfiddle.net/arDtd/

ラベルが他のコンテンツと並んで配置されず、代わりに上に配置される IE7 を除くすべてのブラウザーで検索されます。

<div class="room_row">

    <div id="roomopts_2" class="jsHide"><fieldset class="form-wrapper" id="edit-room-options-2"><legend><span class="fieldset-legend">Room 2</span></legend><div class="fieldset-wrapper"><div class="hrCompact"><hr /></div><div class="form-item form-type-select form-item-adults-2">
  <label for="edit-adults-2">Adults </label>
 <select id="edit-adults-2" name="adults_2" class="form-select"><option value="1" selected="selected">1</option><option value="2">2</option><option value="3">3</option></select>
</div>
<div class="form-item form-type-select form-item-children-2">
  <label for="edit-children-2">Children </label>
 <select id="edit-children-2" name="children_2" class="form-select"><option value="0" selected="selected">0</option><option value="1">1</option><option value="2">2</option></select>
</div>
</div></fieldset>
</div>    </div>



div {
display: inline;
}    
.room_row {
width: 100%;
float: left;
}
.room_row fieldset.form-wrapper {
float: right;
width: 200px;
}
.form-wrapper {
display: block !important;
}
fieldset {
margin-bottom: 20px;
}
.room_row legend {
float: left;
clear: none;
}
.room_row .fieldset-wrapper {
float: left;
}
.fieldset-wrapper {
display: block;
}
hr {
display: none;
}
.room_row label {
display: none;
}

​
4

1 に答える 1

0

要件を満たすには、ie7 css hackを使用する必要があります (許可されている場合)。

.fieldset-wrapper {
   display: block;
   *margin-left: 70px;
   *margin-top: -20px;
}

最終デモはこちら

これが役に立つことを願っています。

于 2012-12-28T12:47:32.277 に答える