Sample Site
フォーム設置時の注意点
このブログの右下には、カテゴリ選択、月日選択、ページ選択のプルダウンメニューを並べています。
本来ならこうしたフォームを並べた場合、縦に並ぶのですが、
IE7では、フォーム<form>の前に自動で行が一行挿入されてしまうという特徴があり、基準CSS内でインライン要素(行内)に設定を変えています。
つまり、横に並びます。

▼基準CSS内
form { /* IE7 */
*display: inline;
*zoom: 1;
}
↑の部分がそれにあたります。

それを回避しようとして<br />を入れると、今度は他のブラウザで行が一行入ってしまいますのでご注意下さい。

全て同じ状態にしたい場合は、
#fld_カテゴリ選択#<div>#ym_年_月_月日選択#</div>#page_ページ選択#
↑のように間にブロックレベル要素(div等)を挟むと改行されます。
<div>#fld_カテゴリ選択#</div>
↑一つだけでも念のためやっておくと安心です。

なお、これは全てのフォーム要素(text,textarea,select)に言えることですのでご留意下さい。
*カテゴリ2
(2014/02/09 15:39)※0
prev / next
(Back-HOME)
「#幼馴染」のBL小説を読む
BL小説 BLove
- ナノ -