• 締切済み

テーブルについて

テーブルをつくると いくら左よりにしても右よりにしても 枠がぴったりくっつきません 右上や上にピッタリとくっつけたいのですが やり方がわかりません。 スタイルシートやらを使うのでしょうか？？ あと最近のHPの基本のサイズの横はいくつくらいなんでしょうか。 ヤフーのサイズでつくっていたんですが 最近はもう解像度が高くなってきてるから ８００*６００だと周りがすきまだらけになるって いわれてしまいました。 みくしーサイズぐらいで大丈夫なんでしょうか。 教えていただけるとうれしいです。 お願いします。

  • CSS
  • 回答数2
  • ありがとう数3

みんなの回答

  • leap_day
  • ベストアンサー率60% (338/561)
回答No.2

こんにちは <style type="text/css"> body { margin:0px; padding:0px; } </style> を<head>内に入れます ＞あと最近のHPの基本のサイズの横はいくつくらいなんでしょうか。 縦をセンタリングしてあるサイトはあまり見かけないですけど横をセンタリングしてあるサイトは結構見かけるのであまり気にすることは無いと思うのですが・・・ <style type="text/css"> body { margin:0px; padding:0px; } #main{ width:800px; margin:auto; } </style> <div id="main"> ここに本文コンテンツを入れる </div> でもこの場合、背景などを作ると本文コンテンツがブラウザの高さより小さいと ×○○× ×○○× ×××× みたいな感じになってちょっと不恰好ですが・・・ まぁ、他にもbodyを800pxにしたりtableで枠組みしたり色々方法はあるので色々試してみてください

tomi-tomo
質問者

お礼

ありがとうございましたm(__)m コピペしてつかってみました。 無事スペースがうまりました！！ 色々試してみます どうもでしたm(__)m

回答No.1

そう、スタイルシート使わないとできないよ。 ＩＥなりｆｉｒｅｆｏｘなり、ブラウザはそれぞれデフォルト値をもっていて、あらかじめ余白が設定されています。 だからスタイルシート設定で余白消さないとぴったりとくっつきません。 これはイメージやリストも同じこと。 ＤＴＤ宣言忘れずに。そうしないと見るブラウザで見え方違いますよ。

tomi-tomo
質問者

お礼

ありがとうございますm(__)m スタイルシートがあまりよくわからないので 苦戦しています・・。 色々いじってるのですが隙間がうまらなくて・・

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • 画像を使ったテーブルで隙間ができてしまいます

    画像を枠に使ったテーブルをHTMLで作成し、FC2ブログに載せています。 Chrome上ではうまく表示されるものの、IE、Firefoxでは Rowの上に隙間ができてしまい、枠画像が正しく表示されません。 ----------Tableの基本構造---------- <table cellspacing="0" cellpadding="0" border="0" width="x" height="y" bgcolor="#FFFFFF"> <tr><td><img src="左上角"></td> <td><img src="上部"></td> <td><img src="右上角"></td></tr> <tr><td width="15"><img src="左１列目"></td> <td style="color:# … ;"> 内容1</td> <td width="15"><img src="右1列目"></td></tr> <tr><td width="15"><img src="左2列目"></td> <td style="color:# … ;"> 内容2</td> <td width="15"><img src="右2列目"></td></tr> <tr><td><img src="左下角"></td> <td><img src="下部"></td> <td><img src="右下角"></td> </tr></table> -------------以上-------------- 上記のものよりも実際は行と列を増やしておりますが、基本的に増殖しているだけです。 1行目と2行目の間に隙間ができて縦の画像枠が細切れになっています。 隙間ができているのは行の下ではなく、上の部分のように見えます。（背景色の見え方などから） テーブルのみの上記コードは、ローカル環境ではIEでも正しく表示されるため、 ブログにアップした際乱れるのは、スタイルシートの影響かと考えております。 自分でそれらしいところをいろいろ設定をいじりましたが改善しません。 ということで、 ≪スタイルシートの設定で、画像を枠に使ったテーブルの隙間に影響を与えうる要素≫ が何が考えられるか教えて頂ければと存じます。 なお、使っているStyle Sheetは以下のものですが、 http://blog-imgs-30-origin.fc2.com/w/m/k/wmks/wm_gienah_R.html TableにかかわるStyle部分はコメントアウトしましたので、テーブル自体のスタイルは 適用されていないはずです。

    • ベストアンサー
    • CSS
  • テーブルの隙間を無くしたい

    DreamWeaverCS4を使いホームページを作成しております。そこでテーブルについて、狙い通りに上手く表示が出来なくて困っております。どなたかご指導アドバイスをお願い致します。具体的な内容は下記のとおりです。 ・テーブルを「７列２行（全体の大きさは横700px×縦100px）」で作成し、内訳は１行目は、一枠横100px×縦50pxの大きさで７枠作成。２行目は横700px×50pxで作成。 上記内容のテーブル１行目に横100px×縦50pxのサイズの画像を７つ挿入。そして２行目には横700px×縦50pxの画像を１つ挿入しました。 そしてテーブルの設定は「ボーダーは0」です。 しかし、画像挿入後には２行目の画像横700px×縦50pxが入っているテーブルに隙間が出来て背景が見えてしまいます。１行目を見ると…微妙に各画像間の間に隙間が空いていて、この隙間が全体的に700pxを超えているようなんです。それで、２行目の画像に対して背景が見えて（テーブルの幅が広がってしまっています）いるのです。 そこでですが、画像を配置後にテーブルの隙間をきっちりと無くして背景が見えなくする方法ってあるのでしょうか？ 解る方がいましたら…ご指導…アドバイスをお願い致します…。よろしくお願い致します…。

    • ベストアンサー
    • HTML
  • スタイルシートで、テーブル作成について

    スタイルシートでテーブル枠をつくりたいのですが スタイルシートを使わない場合図形をつかって、角をまるくしたテーブルを作れますよね、このテーブルをスタイルシートでできないのでしょうか？ 図形を使わない方法を見たことがあるのですが、IEには対応していないみたいです ご存知の方よろしくお願いします

  • テーブルについて

    初歩的だと思いますがわからないので教えてくださいm(__)m 同じ行に画像とメニューを置こうとしてテーブルを横に並べて2個配置しました。それで左のテーブルには画像を右のテーブルにはメニューとならべてメニューは右はじに設置したかったので右に寄せました。で私のPCで確認するとちゃんとなってたのですが、ワイド型のPCで見るとメニューのテーブルが真ん中までしかいってなくて格好がわるくなってました。たぶん、右テーブルのサイズが悪いと思いますがどのPC（ブラウザ）でもメニューが右はじにくるようにしたいです。回答よろしくお願いします。なおホームページビルダーを使って作りました。 --------------------------------------------------------------------- | --------------------------- |---------------------------こっこに | | | | |すきまが | | | | top|できます | -------------------------- ---------------------------|

    • ベストアンサー
    • HTML
  • テーブルを固定

    □□□ □□□ 上記のように6つのテーブルを作ったとします。 スタイルシートで"<table style="width="200" height="200">のように幅を指定しても 作ったテーブルより小さいサイズの画像を入れただけでも全体が大きく崩れてしまいます。 これをテーブルの幅を幅以下の画像なら（"width="200" height="200"で作った場合は199まで）動かないように完全固定したいのですがどのような方法で可能になるのでしょうか？。

    • ベストアンサー
    • HTML
  • テーブルを移動させたくない

    aaaaaaaaaaa―――――― aaaaaaaaaaa| テーブル | aaaaaaaaaaa|__________| aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa 上記の様にテキストの右上にテーブルを配置したいのですが、ウィンドウを横に伸ばすとテーブルだけ 一緒に横に移動してしまいます。 ウィンドウを横に伸ばしても上記レイアウトを 崩さない方法はありますか？ 別ウィンドウで開く訳ではないので、 ウィンドウサイズの固定はできません。 すみませんが解る方、回答お願い致します。

    • ベストアンサー
    • HTML
  • テーブル内で均等表示させたい

    IE6のブラウザで、スタイルシートのtext-align:justifyをテーブル内で使うと正しく均等表示にならずに左詰になります。 body直下なら問題なく表示されますが、これは仕様でしょうか？ テーブル内で均等表示させたいです。

    • ベストアンサー
    • HTML
  • htmlタグについて質問です。

    CSSを無視してhtmlでテーブルを作成しているのですが、 テーブルのスタイル指定がうまく反映されません。 テーブル枠の線と幅などを指定したいのですが、複数指定がうまくいっていないのでしょうか。 ■したい事 テーブル内にテーブル作成。 ・横3列で縦長のテーブルを作成する。（枠線はある） ・各テーブルの枠線を消す ・各テーブルの縦、横のサイズを指定する。 ■できない事 ・各テーブルの縦、横のサイズを指定する。 ■現在のhtml 大枠の中に入る、個々のテーブル毎に以下の設定をしています。 <table style="border-style:none;" style="width:200px;" "height:500px;"> これで枠線は消えますが、サイズが固定されず、オートで切り替わってしまいます。 この条件で、サイズを固定させる方法がありましたら ご教授いただけないでしょうか。

  • ｃｓｓでのテーブル

    初心者です。 本を読みながら、スタイルシートでテーブルを作っているのですが、 左に設置したメニュー(縦に並べたボタン)のテーブルの右側に不要なスペースができ、メニューのテーブルと同じ色になってしまいます。 【内容】 .tdmenu{ vertical-align:top; background-color:#fa8072; width:140px; } p.menu{ font-size:0.75em; margin-left:0; margin-right:0; margin-bottom:50px; margin-top:0; width:140px; background-color:#fa8072; height:2em } これが適応されていると思われます。 回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • マウスオーバーについて

    ひとつの画像を区切って、区切ったそれぞれの枠（セルでもいい）でマウスオーバーを発生させるのってどうやるんですか。 よくホームページとかで見る、上にあるメニューです。 それを、２枚の画像を使ってやりたいんですけど・・・ また、タグが乗っている　詳しく説明されているホームページ輪ありませんか。 極力スタイルシートは使いたくないです。 また、ついでですが、スタイルシートを使わないでtableの、横だけを消す方法（透明にするか、たてと横で別のいろを指定します）ってないですか。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する