- 締切済み
他のページに移ると、テーブルの縦のサイズが短くなる？
WINXP、IE6を使っています。 最上段に、リンクバーを作り、その下にテーブルでレイアウトしています。 設定した直後に表示させると、うまくゆくのですが、他のページに移り戻ってきますと、縦のサイズが短くなって、最下段の画像が下から浮いています。 サイズを変えても、結果は同じです。 (コード) <body topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" background="top1.jpg> リンクバーのコード省略 <table border="0" cellspacing="0" cellpadding="0" width="100%" height="96%"> <tr valign="top"> <td> </td> <tr valign="bottom"> <td align="right"> </td> </tr> </table> </body></html> どこが悪いのでしょうか？ お分かりの方、教えてください。 よろしくお願いします。
- takeji123
- お礼率80% (54/67)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- the845t
- ベストアンサー率33% (246/743)
height=96%はあまり信用できませんよ。 背景画像が繰り返されるのが問題なのであれば、 スタイルシートで背景固定をしてはいかがですか？ 「スタイルシート 壁紙 固定」や 「スタイルシート 背景 固定」 などで検索すれば方法が見つかるでしょう。
関連するQ&A
- ネスケでの右余白
よろしくお願いします。 IEだと隙間なく表示されるのですが、ネスケだと右余白が空いてしまいます。 (デフォルトでスクロールバーの領域なのでしょうか…?) 隙間なく表示するようにするにはどうしたらよいでしょうか? <body style="margin:0" bgcolor="#000000" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width=100% cellpadding=0 cellspacing=0 border=0 height=100> <tr height=50> <td bgcolor=#ff6600> </td> </tr> <tr height=50> <td bgcolor=#00ccff> </td> </tr> </table> 以下内容－－－－
- 締切済み
- CSS
- コンテンツをウインドウの中央に固定
以下のコードで、コンテンツをウインドウの中央に固定しようと思っているのですが、 上手くいきません。 ウインドウのサイズに合わせながら、中央に常に表示できればいいのですが、 そういったコードはありますか？ <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <TABLE border="0" width="100%" height="100%"><TR align="center"><TD align="center"> <div class="centerdiv"> <script src="ジャバファイル" type="text/javascript"></script> </div> </TD> </TR> </TABLE> </body> </html>
- 締切済み
- ホームページ作成ソフト
- 更新するとずれる？
ホームページビルダー8でトップページを作成しました。 <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> の下にすぐ<table>をつくりその中にメニューアイコンをいくつか並べました。もちろん<tr><td>で区切っております。 さて、アップロードしきれいに仕上がったのですが、更新（リロード）すると中の画像が微妙ですが位置がずれるのです。これはなぜなんでしょうか？ 以後更新してもそのままなのですが、再度ＵＲＬをたたくとずれてます。・・・？ 何か原因があるのでしょうか？だれか経験あるかたご教授おねがいします。
- ベストアンサー
- HTML
- テーブル内のテーブルの高さを揃えたい。
CGIの表示部分を改造中です。 下のソースをhtmlファイルにして見てもらったら判ると思うのですが、 <TABLE border="0"> <COL span="4" width="50"> <TR> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">こんな風に</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">枠を置いたときに</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">100%のサイズ指定しても合わない高さを</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">ちゃんと揃えて配置したい</TD> </TR> </TABLE> </TD> </TR> </TABLE> 高さを100%にしても広がりませんでした。 どうにかして高さ(下の位置)を揃えることは出来ないでしょうか?
- ベストアンサー
- HTML
- ホームページ 表の上の余白をなくしたい
ホームページをｈｔｍｌで作成していますが、 trとtdを増やせば増やすほど どんどん表の上に空白ができてしまいます。 <body topmargin="0" rightmargin="0" leftmargin="0" bottommargin="0"> <table class="head" border="1"> をいれましたが、効果ありません。 どうしたらよいでしょうか？
- 締切済み
- HTML
- テーブル幅100% 右端に何故か空白 更新すれば直るけど・・
ちょっと行き詰まったのでご回答お願いいたします。 テーブル幅を100%にしたものをHTMLに用意しているのですが、IE5.5で見ると、それが右端だけ空白があいてしまうのです。 リロードしたら空白は消えるのですが、普通にリンクでそのページにとぶと右端に空白ができています。 NS6.2で確認したら、問題なく100％広がっていました。 HTMLに明るい友達にきくと、余計な空白が入っていたらなるかもといわれ、テーブル周りの半角スペースも取り除きましたが、改善されませんでした。 同じような現象になった方、またそれを回避した方お答えくださいますようお願いいたします。 以下、問題のHTMLです <html> <head> <title>top.html</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <center> <table width="100%" border="0" bgcolor="#FF9933"> <tr> <td nowrap><font size="2">ほげほげ</font></td> <td><font size="2"> </font></td> <td nowrap><font size="2"> </font></td> </tr> </table> <br> <br> （割愛） </center> </body> </html>
- ベストアンサー
- HTML
- テーブルの縦が縮まらない
質問させて下さい。テーブルで表を作ったのですが、縦幅が 縮まらなく困っています。 具体的には、セル内の余白を５ピクセルにしているのですが テキストとセルの境界線の縦の距離が何倍も開いてしまいます。 ソース↓ （ボディ内はこれで全てです。テキストを変えただけです。 使用ソフトはドリームウィーバー８） --------------------------------------------------------- <table width="490" height="395" cellpadding="0" cellspacing="0" bgcolor="#666666"> <tr> <td width="490" height="393"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="1"> <tr> <td width="121" height="35" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td width="344" height="35" align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> <tr> <td height="22" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> </table> </td> </tr> </table> --------------------------------------------------------- 試したこと：各セルの縦幅を揃えて指定してみる。指定を全て 外してから、再度調節してみる。セル内のテキスト 表示位置を上位置に設定してみるなどです。。。 どこかすごい見落としをしているのでしょうか。よろしくお願い します。
- ベストアンサー
- HTML
- Netscape7.1 での表示方法を教えてください。
初めまして。 現在ホームページを作成中なのですが、以下のソースでページを表示しようとすると、 Netscape7.1だけ正しく表示されません。素人考えなのですがNetscapeではテーブル タグのheight="%"が無視されているように思えます。Netscapeで正しく表示される方 法をお教え下さると幸いです。よろしくお願い致します。 <html> <head> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div style="text-align:center"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin:auto;text-align:left"> <tr> <td height="6%" align="center" valign="center" bgcolor="#000000"></td> </tr> <tr> <td align="left" valign="top"> <iframe name="contents" src="a.html" width="100%" height="100%" style="border:solid 0pt;border-color:#000000;" scrolling="no" frameborder="0" allowtransparency="true"></iframe></td> </tr> <tr> <td height="6%" align="center" valign="center" bgcolor="#000000"></td> </tr> </table> </div> </body> </html>
- ベストアンサー
- HTML
- ドキュメントタグについて
下記のHTMLを開くと、赤のボックスと青のボックスを上下いっぱいに離して表示したいのですが、どうしてもくっついてしまいます。 なぜでしょうか？って、実は、原因が解っているのですが、ドキュメントタグの "http://www.w3.org/TR/html4/loose.dtd" この部分を削除すると、うまくいきます。 という事は、この部分がいらない？という事になるのですけど、削除しても、問題ないですか？ 誰か解る方、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>hatena</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FF0000"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table> </td> </tr> <tr> <td valign="bottom" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#0033FF"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
補足
早速のご回答、有り難うございます。 height=100%にしますと、立てスクロールバーが出ますものの、目的の画像はキッチリ最下段に張り付きますが、背景画像の下5mm程が下に隠れてしまいます。 背景画像は、1010*590ピクセルの大きなもので、繰り返しはありません。 Win98、IE5.5のパソコンもあるのですが、同じ現象です。背景画像の高さを色々変えてみたのですが、590が一番いいようです。 出来れば、直したいのですが・・・ ご回答、お待ちいたしております。