ホームページ余白ができてしまいました

2023/08/09 03:57

このQ&Aのポイント

基本HTMLでホームページを自作しています。いじってるうちに有り得ない位置に余白が出来てしまいました。
HTMLとCSS、テーブルタグを使いすぎてると思いながら、修理に修理を重ねる感覚で自分でもよく分からなくなってしまいました。
※←のところに妙な余白があいてしまい、左側のメニューがぐっと下がっています。ソースの一部書きますので、アドバイスお願いします。

ベストアンサー

ホームページ余白ができてしまいました

2009/09/29 15:49

基本HTMLでホームページを自作しています。いじってるうちに有り得ない位置に余白が出来てしまいました。 HTMLとCSS、テーブルタグを使いすぎてると思いながら、修理に修理を重ねる感覚で自分でもよく分からなくなってしまいました。画面は、 ---------------------- タイトル ---------------------- ※←？　画像○　 ---l　　-------------- ---l 　画像○ ---l　　-------------- ---l 　画像○ ---l -------------- このような作りです。全体をテーブルで分け、タイトルの下に左側には各々のページへ行くメニュー、右側に紹介したいものの画像などを配置しています。ところが※←のところに妙な余白があいてしまい、左側のメニューがぐっと下がっています。　ソースの一部書きますので、アドバイスお願いします。 <META name="robots" content="index,follow"> <script language="javascript">  </script> <style type="text/css">   </style> </HEAD> <a name="#top"> <BODY bgproperties='fixed'> <table width=100%> <tr> ～と続きます。長くなりましてすみません。よろしくお願い申し上げます。

tuyu0neko
お礼率89% (197/219)

SEO
回答数2
ありがとう数16

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

salonpath
ベストアンサー率48% (194/399)

2009/09/29 17:58 回答No.2

ん～質問されてる、「妙な余白があいてしまう現象」を（第三者が手を加えずに）再現できるソースコードを書いてもらえないと、手伝いたくても手伝えないです。ごめんなさい。とりあえず自分なら tdやpの閉じタグの忘れや、入れ子が間違ってる箇所や widthの合計がおかしい数字になってたり、positionの親要素の位置が間違ってたり html自体に空白スペースが混ざっていたり変な改行がないかどのブラウザでも隙間があくのか等を確認してみると思います。

質問者

補足 2009/10/01 07:23

再び、有難うございました。本当はサイト自体をご覧いただいたり、ソースを全てお見せしたいところですがこの場では憚れますので悩んでおりました。相変わらず余白はあいたままですが、左側の項目を増やしたらその分が上に上がった・・・という感じに、増やした項目分に余白が減りました。どうも右側とバランスをとっている、ように思いますがそんな設定をした覚えはありません。何が原因かおわかりになりますか？

その他の回答 (1)

salonpath
ベストアンサー率48% (194/399)

2009/09/29 16:07 回答No.1

参考にあげたソースは全く関係がない箇所だと思うのですがその現象が再現できる、最小限のソースを書いてください。

質問者

補足 2009/09/29 17:06

・・・すみません。 <table width=100%> <tr> <td width=3%></td>←意図的な余白のつもり <td width=25%> ～左側本文、項目ごとに<br><p>で改行～ <td width=5%></td>←意図的な余白のつもり <STYLE type="text/css">  </STYLE> <td width=67% valign="top" > ～右側本文～ <center> <H3>・・・最後は</table> このような感じです。昨晩作業を終えた時にはなかった余白です。よろしくお願い申し上げます。

関連するQ&A

ランタイムエラーの解決法（初心者です；）
オンラインショップを運営している者です。自身のパソコンではエラーが出ないのですが、家族のパソコンからサイトを開くと“ランタイムエラー”が生じることに気付きました（全てのページに出ます）。教えてgooの過去記事を閲覧して、おそらく「JAVA script」が原因でエラーが起こるということだけは分かったのですが、どこをどうすればエラーがおさまるのかが分かりませんでした。 HP作成ソフトを使用している初心者なので、タグなどはあまり詳しくありません。易しく教えていただくと大変ありがたいです。自身のサイトURLは載せられないみたいなので、 JAVAの部分のみタグを貼り付けます↓。（※トップページのタグも貼りたかったのですが、画像を降らせるようにしているため、タグが長すぎて載せられませんでした。） <head> <title>★ハンドメイド雑貨★　『BOO（ブー）』</title> <script language="JavaScript">  </script> <style type="text/css">  </style> </head> です。長くなってしまって、申し訳ないです；どうぞよろしくお願い致します。
- ベストアンサー
- HTML
関数名について
function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } 上記のように「MM_*****」のような関数名のスクリプトをたまに見かけますが、これはどこかで公開されているものなのですか？公開されているのならＵＲＬを教えてください。
- ベストアンサー
- JavaScript
新しいウィンドウで画像を表示
MM_openBrWindow(theURL,winName,features)… で、新しいウィンドウで、サイズを指定して画像を表示させようとしているのですが、その新しいウィンドウで上と左の余白が出てしまうので、余白をなくしたいと思っています。そういったことは可能でしょうか？どこに指定を入れればよいのでしょうか？それとももっとよい方法がありましたらお教えください。宜しくお願いします
- ベストアンサー
- HTML
新しいウィンドウを中央に
以下のソースで出来た新しいウィンドウを画面の中央にもってきたい場合にはどのようにカスタマイズすれば良いのでしょうか？どなたか申し訳御座いませんが、教えて頂けないでしょうか？宜しくお願い致します。 <html> <head> <script language="JavaScript" type="text/JavaScript">  </script> </head> <body> <a href="javascript:;" onClick="MM_openBrWindow('test2.html','test','width=300,height=300')">test</a> </body> </html>
- ベストアンサー
- JavaScript
onclickで画面が固まる・・・らしいのですが
サイトを制作していて、 headに、 <script language="JavaScript">  </script> 画像に、 <a href="javascript:;" onClick="MM_openBrWindow('img/001.jpg','','width=420,height=320')"><img src="img/001-s.jpg" alt="" width="110" height="110" border="0"></a> として、ポップアップするようにして、いくつかサムネイル画像を並べているのですが、友人に見てもらったところ、２～３枚クリックすると、画面が固まって画面の左下の青いスペースに「ページでエラーが発生しました」とでるそうなんです。パソコンはこの春に買ったノートパソコン（vista）みたいなんですが・・。 Vistaを使ったことがないのでわからないのですが、そんな症状はでるのでしょうか。他の友人からはそんなことは言われてないのですが、そもそも私の書き方が間違えている？？？
- ベストアンサー
- JavaScript
小窓が開くとき、メインページがリロードされてしまいます。
DreamweaverMXのビヘイビアで、イメージマップのエリアに「ブラウザウインドを開く」で小窓を開くと、メインページがリロードされてしまい、ページの一番上へ行ってしまいます。メインページはそのままの位置にしておきたいのですが、どのようにすればよろしいのでしょうか？ --------------- <script language="JavaScript" type="text/JavaScript">  </script> --------------- <MAP name="name" id="name"> <AREA shape="poly" coords="146,22,320,87,283,193,106,129" href="#" alt="" onClick="MM_openBrWindow('namecard.html','namecard','width=420,height=300')" onFocus="this.blur()"> </MAP> --------------- ソースは以上のようになっております。ご存知の方、何卒どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
PHPでのリンク指定に関して教えて下さい
PHPでリンクをポップアップで開くようにするには <div class="all_one"> <a href="profile.php?uid=<? echo $girl[0] ?>&sname=<? echo $sname ?>&workchk=<? echo $workchk ?>"><img src="<? echo $imgPath ?>" border="0" /></a> ↑ ここをどのように変えればいいでしょうか？ヘッダー部分には <script type="text/javascript">  </script> このように記述してます。
- 締切済み
- PHP
サブウィンドウの親の位置
こんにちわ。メインウィンドウから、サブウィンドウを開くようになっています。メインウィンドウが縦に長く（文章量が多い）、下の方のリンクでサブウィンドウを開いたときに、メインウィンドウの画面がページの上の方に移ってしまいます。クリックした場所を維持したいのですが、調べてみたのですが、やり方がわかりません。すみませんが、よろしくお願いします。 <script>  </script> ▼メイン・リンク部分 <a href="#" onClick="MM_openBrWindow('info.html#1','info','width=380,height=500,scrollbars=yes,resizable=yes')">※1</a>
- ベストアンサー
- JavaScript
指がでてきません
初めてJavaScriptを使って、画像・テキストをクリックしたら別ウィンドが開くようにしました。大きさを整えたりスクロールを出したり、苦戦しやっとできたのですが、 OnMouseの時にポイントが「指」に変化しません。「矢印」のままなので、HPを見た人はそこから別の所へリンクしていることが分からないのです。比較するものがないのでどこをどう調べたらよいか見当がつかないのですが、どなたかヒントをいただけませんか？（参考までに載せてみます） <script language="JavaScript">  </script> －－－本文中－－－ <img src="img/××.jpg" width="100" height="100" border="0" onMouseDown="MM_openBrWindow('××.htm','××','scrollbars=auto,resizable=auto,width=350,height=420')">
- ベストアンサー
- JavaScript
小窓を開くにはどうしたらいいのでしょうか？
Dreamweaverでサイトを作成中なのですが、親サイトでこのように <form　name="form1"method="post"action="http://www.xxx.com/cgi-bin/○○○.cgi"> <input type="submit" name="submit" value="▲▲▲"onClick="MM_openBrWindow('http://http://www.xxx.com/cgi-bin/○○○.cgi,'','scrollbars=no,resizable=yes,width=500,height=600')"> </form> 設定し、小窓でcgiの結果を出したいのですが、小窓が開かず、そのまま画面が変わってしまいます。ちなみにheadにも <script language="JavaScript">  </script>としています。今日午前からずっと色々試行錯誤しながら、チャレンジしてみましたが、どうしても原因が分かりません。どなたか教えて下さい。
- ベストアンサー
- JavaScript