人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://jmj.at
のトップページだけIE(IE6を使っています)でレイアウトが崩れてしまいます。(Firefoxでは崩れていません)
レイアウトが崩れないための対処方法を教えてください。(IEのバグという回答は不可です。)

●質問者: hiro48
●カテゴリ:インターネット ウェブ制作
✍キーワード:firefox IE IE6 トップページ バグ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ctrl-v
●50ポイント ベストアンサー

HTMLソースの

<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote>
<p>&nbsp;</p>
</blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<p>&nbsp;</p>

の部分を削除してください。

http://hatena

◎質問者からの返答

ありがとうございます!!

レイアウト崩れが直りました。


2 ● Norris
●50ポイント

右コンテンツの連続配置されたblockquoteタグが問題だと思います。

blockquoteタグは、何も指定をしないと、上下左右にmarginが確保されます。このため、今回のように何も内容が入って無くても幅を取ってしまい、上位タグで記述した幅指定を侵害してしまいます。

この現象は、blockquoteのmargin指定をCSSでコントロールする事により回避されます。

(今回の場合、外部CSSに

blockquote {

margin: 0px;

}

と記述すれば、解決するはずです。)

なぜこんな記述をされているかはわかりませんが、引用文を持ってこないのであれば、div等他のもので代用されたほうが良いと思われます。

blockquoteに関する資料

http://www.tagindex.com/html_tag/text_font/blockquote.html

◎質問者からの返答

ありがとうございます。

レイアウト崩れが直りました

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ