ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ
スポンサーサイト（詳細）

質問
QNo.3983180 IE6とFireFoxで表示が異なる。
質問者：toshi_200578 以下のような単純な作りのWEBサイト（一部を抜粋してます）なのですがIE6とFireFoxでは表示位置が異なり、IE6に合わせるとFireFoxで表示されず、FireFoxで合わせるとIE6に表示されなくなってしまいます。
<DIV>の指定などが間違っているのでしょうか？
IE6とFireFoxどちらも同じように表示するためにはどうしたらよいでしょうか？

<TABLE border="0" STYLE="position:absolute;left:0;top:0;width:778;height:790;" cellpadding="0" cellspacing="0" >
<TBODY>
<TR>
<TD valign="top" align="center" >

<DIV CLASS="F12" STYLE="position:absolute;left:140;top:13;width:110;height:27;">
<P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'ＭＳ ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=2>会社</FONT></SPAN></B></SPAN>&nbsp;</P>
</DIV>
<DIV CLASS="F12" STYLE="position:absolute;left:235;top:15;width:157;height:27;">
<SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'ＭＳ ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=3>
<P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 105.4pt; mso-text-fit-id: -1204068352"><B style="mso-bidi-font-weight: normal"><SPAN style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; LETTER-SPACING: 2.1pt; mso-font-kerning: 0pt; mso-hansi-font-family: 'ＭＳ ゴシック'">サンプル</SPAN></B></SPAN><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: 'ＭＳ ゴシック'"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></B></P></FONT></SPAN></B></SPAN>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
困り度：
  • 困っています
質問投稿日時：
08/04/28 21:55
最新から表示｜回答順に表示

回答
ANo.2 こんにちは

見たことないstyle属性がたくさんあったので検索してみたらWord用みたいですのでそちらの正誤はどうか分かりませんが

style（スタイルシート）では単位は必ず必要です（特にFirefoxなど）
単位をつけるだけでほぼ同じにできると思います

top:***px;
left:***px;
width:***px;
height:***px;
など

あとposition:absolute;配置されているので<table>組みをしている意味はない気がしますが・・・
なくしてもセル余白の分だけ違うだけでほぼ同じだと思います

それから#1様も言われてますが入れ子が変です
<p>など（ブロック要素）の中に<span>など（インライン要素）を入れることはできますが<span>など（インライン要素）の中に<p>など（ブロック要素）を入れることは（表示はできますが）文法的にできないことになってます
回答者：leap_day
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/04/29 22:12
この回答への補足回答ありがとうございます。
単位が入っていなかったりするからおかしいのですね。
これはホームページビルダー１０で作成しました。
画面に部品を張り付けてソースは自動生成されていますのでその自動生成の仕方に問題があるのですかね？
自動生成に問題があると結局ソース直書きじゃないとNGということになってしまいます・・・。
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.1 もしかして Wordで作りましたか？

複雑な構成や<p>等の文法的間違いもあるようなので正しく表示されないと思いますよ。
回答者：naokita
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：
08/04/28 22:59
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)
 
最新から表示｜回答順に表示
スポンサーサイト（詳細）
このページのトップへ