プロが教えるわが家の防犯対策術!

ホームページビルダー8でトップページを作成しました。
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
の下にすぐ<table>をつくりその中にメニューアイコンをいくつか並べました。もちろん<tr><td>で区切っております。
さて、アップロードしきれいに仕上がったのですが、更新(リロード)すると中の画像が微妙ですが位置がずれるのです。これはなぜなんでしょうか?
以後更新してもそのままなのですが、再度URLをたたくとずれてます。・・・?
何か原因があるのでしょうか?だれか経験あるかたご教授おねがいします。

A 回答 (2件)

こんばんは。


#1です。ソース拝見しました。

背景画像を入れるために、まずページ一杯一杯の100%テーブルを配置して、メニュー用のテーブルを組み込んでいるんですね。

100%指定って、どうしても一番初め目(初見)の表示の際には、ブラウザ目一杯に表示してくれないんですよね…。
そんな時には、CSS(スタイルシート)等を利用して表示を一致させたりします。

<style type="text/css">
body{margin:0; padding:0; width:100%;}
</style>
をheaderに挿入してみては如何でしょうか。
    • good
    • 0
この回答へのお礼

ばっちりうまくいきました。ありがとうございました。

お礼日時:2004/12/03 12:12

こんばんは。



ソースを見せてください。
これだけの情報では何ともいえません。

空白とかソースを変なところで改行とかしてないですか?

この回答への補足

変化する部分のソースです。ただ、更新したらずれるというのはなぜかと・・・

<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD background="img/head_bg.gif" height="95" align="center" valign="top">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR><TD vAlign=bottom align=left width=170 height=66><IMG src="img/rmt.gif" align="bottom" border="0"></TD>
<TD valign="bottom" height="66"><A href="index.html"><IMG src="img/home_icon.gif" width="100" height="37" border="0" align="middle"></A></TD>
<TD valign="bottom" height="66"><IMG src="img/sitemap_icon.gif" width="100" height="37" border="0"></TD>
<TD valign="bottom" height="66"><IMG src="img/kiyaku_icon.gif" width="100" height="37" border="0" align="bottom"></TD>
<TD valign="bottom" height="66"><IMG src="img/com_icon.gif" width="100" height="37" border="0"></TD>
<TD valign="bottom" height="66"><IMG src="img/mail_icon.gif" width="100" height="37" border="0"></TD>
</TR>
<TR>
<TD colspan="6" align="center" height="24" valign="bottom"><B><FONT color="#ffffff" size="2">SELECT YOUR ONLINE GAME</font> <FONT color="#ffffff">→</FONT>  <A href="http://"><FONT color="#ffffff" size="2">FINAL FANTASY XI</FONT></A>  <A href="http://"><FONT color="#ffffff" size="2">LINEAGE II</FONT></A></B></TD>

</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

補足日時:2004/12/02 19:21
    • good
    • 0
この回答へのお礼

すみません。追記です。
<BODY bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
が抜けてました。
ページをみてみると更新するとテーブルが全体的に右にずれ左に余白があきます。

お礼日時:2004/12/02 19:27

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!