floatによる回り込みを指定した場合、その要素にmarginを指定するとIE6で表示がずれる現象が発生します。
ブラウザごとのスタイルを用意することでも回避できますが、共通のスタイルで管理したほうが作業が楽なため、【display:inline;】を記述することをおすすめします。
記述はfloatする要素でmarginの記述があるものに【display:inline;】を追加するだけです。
▼使用例
.left{
width : 500px;
float : left;
margin-left : 10px;
display:inline;
}
関連する投稿
« 記事が表示されない。 | 画像キャプションを表示させない »
Comment and Pinging is not permitted.
カテゴリー
テンプレート紹介
カレンダー
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
|---|---|---|---|---|---|---|
| « 2月 | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | ||||
最近の投稿
- 横並びメニューにはdisplay: inline-block;で対応
- 投稿リビジョンを削除するプラグイン
- ウィジェット対応にする
- 関連記事を表示させるプラグイン【Simple Tags】
- 複数のサイドバーテンプレートをページごと使い分ける
- preの活用
- タグを表示させる
- 画像キャプションを表示させない
- float要素のブラウザごとでの表示の違い
- 記事が表示されない。
ブログロール