• ※ iモードブラウザ1.0の端末を「iモード1」、2.xの端末を「iモード2」と記載。
  • ※ auのブラウザバージョン6.xの端末を「au6」、バージョン7.xの端末を「au7」と記載。
  • ※ SoftBankのブラウザバージョン1の端末を「SB1」、バージョン2の端末を「SB2」と記載。

画像の周りにテキストを流し込みたいが、auだけできない

【該当端末種別】

au

【考えられる理由】

floatプロパティと同時に、align属性は指定されていますか?

floatプロパティのみを使っている場合、auではフロートができません。

auにはfloatプロパティが実装されておらず、どの機種でも使用することができません。代わりにalign属性を使うことで同じ表示を実現できます。

【対処方法】

au用にalign属性を、その他の端末にはclass名などでCSSを読み込むようにしてfloatプロパティを使います。class名とalign属性を併用することで、どの端末でも同じように画像周囲へのテキスト流し込みレイアウトが実現できます。

※iモード1.0でalign属性が非実装のため、class名も記述してfloatプロパティを併用します。

【ラウンドアバウトでの特別な処理】

特定のclass名を使うことで、ラウンドアバウトがauに対してalign属性を追加する変換を行います。

右フロートの場合のclass名: 「float_r」
左フロートの場合のclass名: 「float_l」

 class="float_r" →  class="float_r" align="right"
 class="float_l" →  class="float_l" align="left"

【ラウンドアバウト対応Ver.】

1.0以上