【携帯サイト】画像を右に回り込みさせる方法

携帯サイトで画像を右に回り込みさせる方法

画像の回り込みについて

<img style="float: right;" src="img01.jpg" alt="" align="right" />
サンプルサンプルサンプル...

「align=”right”」のみの記述では「docomo」で×
「style=”float:right;”」のみの記述では「au」で×

「style=”float:right;” align=”right”」
の両方を記述すれば、3キャリアとも○

画像の回り込み

回り込みの解除について

<img style="float: right;" src="img01.jpg" alt="" align="right" />
サンプルサンプルサンプル...

<img style="float: right;" src="img01.jpg" alt="" align="right" />

サンプルサンプルサンプル...

brでクリアしようとすると…

<br clear="all" style="clear:both;" />

の記述では「docomo」で×

divでクリアしようとすれば…

<div clear="all" style="clear:both;"></div>

と記述すれば、3キャリアとも○

回り込み解除

clearはブロック要素で使用する!!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>