Home > 日記 > このサイトについて > スタイルシート > 配置のバグ対応用裏わざ
« Hey, Pancakes | Main | What Do Angels Wear? »
配置のバグ対応用裏わざ
2005年2月24日
今まで画像だけを投稿すると投稿者(posted)の部分まで画像が重なってました。
それを回避するためにスタイルシートで回り込みを解除するためclear属性を使ってました。
でもそうすると画像は重ならないのですが、両脇の枠線が繋がらなかったのです。
それがやーっと解決できました。Internet Explorerのバグだったようです。
Internet Explorerの配置にかかわるバグは大体幅と高さを指定すれば解決するそうです。
また、1%などの高さを指定しても無いようにあわせて勝手にサイズを拡張してしまうというバグもあるらしいです。
そのため、高さを指定したくないという場合には1%の高さを指定しておけば、指定してない状態と同じように表示されます。
その指定が2行目。
ただしこのバグはWindows版だけなのでMacintosh版を除外するため上下の記述をしておかないと
Macintosh版では1%で表示されてしまいます。
/* Hides from IR5-mac \*/
*html div.EntryBody{height: 1%}
/* End hide from IE5-mac */
これをスタイルシートに追加しました。
私は各エントリー内容を<div>タグ(class="EntryBody")で囲っています。
その中に画像を納めたいのにはみ出していました。
そのためdiv.EntryBodyに対して高さの指定をしています。
「CSSの配置でうまくいかないことがあったらその部分やそれを囲うdiv要素に適用してみてください。」っと本に書いてありましたのでよくわからないながら試してみました。
参考にした本(この本のP.94に載ってました。)
XHTML+CSSで書くホームページ構造デザインガイド
エントリー
トラックバックURL
トラックバック
このリストは、次のエントリーを参照しています: 配置のバグ対応用裏わざ:
» 直った! (ような気がする) from アトムの日々IV
JUGEMで記事が消えるっと騒いでいた件ですが、
一発で直りました!
おーたむさんの裏技情報と、みなさんからいただいたコメントのおかげです!
あり... [続きを読む]
トラックバック時刻: 2005年9月 8日 23:06
コメントありがとうございます
おーたむさん、ありがとう(感涙)
投稿者 アトム : 2005年9月 8日 23:10
おめでとー(喜) いやー役に立ってよかった。
投稿者 おーたむ : 2005年9月 8日 23:37
よろしければコメントください。