私は現在、サイトhttp://www.lovepotatoes.ovh3.microserveltd.co.uk/で作業しています。この質問は、ドロップダウンと 3 つのテキスト フィールドを持つレシピ検索ブロックに関連しています。
Firefox ではうまく表示されますが、他のブラウザーでは 2 番目のテキスト入力が変な位置に表示されます。Firebug では、テキスト タグでパディングのオンとオフを切り替えると、Firefox でもこの動作が見られることに気付きました。
これを修正して 2 行のスムーズで流れるようなレイアウトを得るにはどうすればよいですか? なぜこれが起こっているのかについての一般的な説明はありますか?
これをstyle="clear:left;"食材2divの入力で に追加すると、動作するはずです。
<div class="form-item form-type-textfield form-item-field-ingredients-value-1"
style="clear:left;">
<input type="text" class="form-text" maxlength="128" size="60" value=""
name="field_ingredients_value_1" id="edit-field-ingredients-value-1"
title="Ingredients 2" style="color: rgb(170, 170, 170);">
</div>