ドコモの画像への回り込み解除について

質問

XHTMLでの方法で、<br />の回り込み解除の仕方を教えてください。

ドコモさんが記して方法でしても回り込んでしまいます。どうしたら、よいのでしょうか？？

誰かお教えください。お願いします。

あるサイトでは・・・
i-modeXHTMLでは、brタグのclear属性が使えないためi-CSSのclear属性を使って回り込みの解除をします。 brのclear属性の値とCSSのclear属性の値とでは、all（両方の回り込みを解除）とboth（両方の回り込みを解除）に違いがありますので、注意が必要です
と書いてあるのですが、僕にはよく分かりません。誰か分かる方教えてください。

回答No.1

quads

携帯端末独自の文書型に於ける定義に関しては普段扱っていないため、知識不足による誤りを回答に含むかもしれません。

http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/chart/index.html
こちらを参照したところ、iモード対応XHTMLでは、
============================================================
clearプロパティが適用できるのは以下のブロック要素とマーキーブロックとなるspan要素
blockquote，div，dl，
form，hn，hr，
ol，p，pre，ul
============================================================
と書かれています（NO11の部位）。

つまりiモード対応XHTMLでは、
先行するフロート配置のブロックボックスと隣接させないようにするために指定する clear プロパティは、
blockquote, div, dl, form, hn, hr, ol, p, pre, ul のいずれかでなければならないということです。

これらいずれかの要素に対して指定することになるかと思います。
先行するフロート配置のブロックボックスと隣接させないブロックボックスに style 属性値として clear:both (or left, right) を指定してください。

「あるサイト」に書いてある内容の意味。
> i-modeXHTMLでは、brタグのclear属性が使えないためi-CSSのclear属性を使って回り込みの解除をします。
i-modeXHTMLでは、clear 属性が定義されていないので使えません。なので clear プロパティを使います。

> brのclear属性の値とCSSのclear属性の値とでは、all（両方の回り込みを解除）とboth（両方の回り込みを解除）に違いがありますので、注意が必要です
float:left および float:right 両方に対する clear の値は、clear 属性では all でしたが、clear プロパティでは both なので間違えないでください。