運営サイト/オリジナルCMS   |   ダウンロードランキング   |   お問い合わせ

長いURLがデザインからはみ出す対策

全角文字なら問題ないが、半角英数字をなど長いURLを表示すると、ブロック要素からはみ出すときがあります。そんなときは以下の対策をします。


■IE6.x 以下のCSSハックにて対応する

body{
  _word-break: break-all; /* IE6独自 */
}

■IE7.x 以下のCSSハックにて対応

*:first-child+html body{
  word-break: break-all; /* IE7独自 */
}

■FireFox
Ver3にバージョンアップすれば直る
http://www.mozilla-japan.org/products/firefox/3.0b1/releasenotes/

■Opera
“/”で改行される(修正なし)

■Sarafi
対策なし??

参考サイト
http://www.will3in.jp/blog/ishiwa/archives/2007/03/26-0155.php
http://archiva.jp/web/html-css/20060808013000.html

 

参考になりました?

Filed under: CSS — admin 20:40  Comments (0)
トラックバック

このエントリーのトラックバックURL:

コメントはまだありません »

コメントはまだありません。

コメントをどうぞ

コメントを書くにはログインが必要です。
ログイン

運営サイト/オリジナルCMS   |   ダウンロードランキング   |   お問い合わせ