• 締切済み

ブラウザの上にぴったり表をおく方法

noname#45976の回答

noname#45976
noname#45976
回答No.3

下の方々の回答にちょっと補足します。 テーブル内の画像などをぴったり端に寄せるには、<table>タグでも指定が必要です。 <table CELLPADDING=0 CELLSPACING=0> な感じです。 # CELLPADDING=n # ↑枠線とセルの内容の間の隙間をピクセル単位で指定 # CELLSPACING=n # ↑内枠の太さ指定

関連するQ&A

  • ネットスケープナビゲーターでの表と表の間の空白について

    HTMLでWEBサイトを現在製作しています。 その際に<table>タグで表を2つ(幅500ピクセルくらいです)、縦に並ぶように配置したのですが、インターネットエキスプローラーで見ると普通に並んでいるのですが、 ネットスケープナビゲーターで見ると、上の表と下の表の空白が、およそ30から50ピクセルくらいあいてしまいます。 空白があき過ぎのように思いますが、これはブラウザーの特性でしょうか?他のサイトさんではあまり見かけないように思うのですが。 意味がないかも知れませんが、HTMLで上の表の最後の</TABLE>と下の表の最初の<TABLE>の間も一文字も隙間が無いようにしています。 そして<TABLE>の属性は、 cellspacing="0" border="0" cellpadding="0" にしています。 上の方の表は高さも指定しています。 下の表は高さの指定はしていません。 お手数ですが解決方法をご存知の方、お願い申し上げます。

    • ベストアンサー
    • HTML
  • タグ付のブラウザから、古いタイプのブラウザへ戻す方法は?

    WindowsXPを使っております。 ずっと以前ですが、アップデートによって突然ブラウザ(internet Explorer)の上部分が変わり、タグを作る事によって別のページを同ウィンドウ内に開く事が出来るようになっていました。 この状態から、タグを作る機能のない、昔(?)のようなブラウザにする方法はありますか? わかりにくかったらスミマセン。名称が分からないので…。

  • ブラウザの一番上表示の注意書きを消すには?

    HPビルダーでサイト作成している途中、必要なタグや色々な要素を詰め込みました。 サイトビューには異常はなく表示されたので、念のためにブラウザで確認してみたところ。 ブラウザの一番上に薄い色の欄が出て来て、 『セキュリティ保護の為、このコンピューターにアクセスする可能性のあるスクリプトやActivexコントロールを実行しないよう、Internetexplorerで制限されています。オプションを表示するにはここをクリックしてください。』 という表示が出ました。 こういう表示が出る事自体、良くないものがサイト内に入ってしまってるという事でしょうか…? 素材サイト様で借りた画像やWEB拍手タグや色々な物をサイトに入れ込んだので、心当たりある色々な物を外したり取り除いてみたけれども上記の注意書きの表示は変わりなく。 どうしたらこの表示が出なくなるのか、ご存知の方がいらっしゃいましたら、至急教えて下さい。 時間なく切羽詰まってるので、どうかどうかよろしくお願い致します!

  • ブラウザの見え方の違いについて教えてください。

    CSSで只今苦戦苦闘しております。 前回、TABLEタグを使用してデザインを組んでいいのかどうかということを質問させていただきました。 ご回答していただき本当にありがとうございました。 今回も、わからなかったので質問させていただきました。CSSでwidthやmargin、そして前回教えていただいた通り TABLEを使わずDIVタグを使用して作っています。IEで確認しながら作っていたのですがブラウザの種類によっては デザインがぐちゃぐちゃになってしまう。と効いたのでファイアーフォックスとsafariというブラウザを インストールして両方で確認しましたところ、「ぐちゃぐちゃ」になっていました(涙) どのようになってしまったかといいますと、DIVタグで指定した大きさがIEとファイアーフォックスでは違う見え方をしてしまいます。 marginの大きさは変わらなかったのですが、widthの大きさが少し違ってしまったり画像を設定したのに表示されなかったりしてしまいます。(たぶんこれはwidthの幅が上手く設定できていないからだと思います。) 話が長くなってしまいましたが、聞きたいことは・・・。 1.ブラウザによっては読み込みの出来ないCSSプロパティというのがあるのでしょうか。(Javascriptはあるようですけど・・・。) 2.それと「これ通りにやれば、どのブラウザでも見え方が同じになる!」といった方法や、みなさんがどのようにブラウザの問題を克服(?)されたか教えてもらえませんか?あとできれば、克服のためのお勧めサイトでもありましたら教えていただけませんでしょうか。よろしくおねがいします。

  • DREAMWEAVERのデザインモードとブラウザ確認の違い、どこが違っているのでしょう?

    こんにちは。 最近DREAMWEAVERを使ってサイトを作成しています。 やってるうちに出てきた疑問なのですが、 「デザインモード」で作っていて、それをブラウザで確認すると、 デザインモードの時にはあいていない空間ができてしまいます。 ソースを見てみても、そこに隙間があくようなタグははいって無いのですが いったい何が原因なのでしょうか?テーブルを二つ続けてレイアウトしてあるのですが、 どうもその間があいてしまっているようなのです。 でもソースを見てもそれらしきものが無くて困っています。 どなたかその中途半端な隙間をなくす方法を御教授下さい。 あと、デザインモードで見るのとブラウザで確認するのと あんなにも違いが出てしまうのはなぜでしょうか? よろしくお願いいたします。

    • 締切済み
    • CSS
  • ブラウザのタイトル文字をローカルで非表示にする方法

    ブラウザのタイトル文字を(ローカルで)表示させないもしくは任意の文字列に変更させる方法はないでしょうか? <title> </title>タグで表示される文字です。 また、titleタグがない場合はアドレスが表示されますが、 それも非表示にしたいです。 自分が使用するブラウザで、どのサイトを見てもタイトルが表示されないようにする方法を探しています。 ブラウザの種類は問いません。(それができるならどのブラウザでも構いません) 良い方法があれば教えてください。宜しくお願いします。

  • 上に隙間の無いサイトを作りたい

    http://www.hot-dining.com/ のように、 上下に隙間のないテーブルを作成したいのですが 作り方が分かりません。。 ホームページビルダーでHPを作成しているのですが、 何か特別な記述やタグが必要なのでしょうか。 ビルダーで作ると上に隙間が出来て格好わるいです。 http://www.internetmarketing.jp/index.html このサイトのように横に線を入れたりしたいので、 もしよろしければ横に線を入れる方法も教えてください。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 動画の上に文字を乗せたい(HTMLレイヤータグ

    フラッシュ動画を作成しました。(○○○○○○.swf) objectタグ(または embedタグ)でブラウザ上に再生させました。 この動画の上に、テキスト文字を乗せたいと思います(divレイヤータグ) マックfサファリでは動画と文字がレイヤー状態でうまく表示されましたが ウインドウズ関係のエクスプローラでは動画も文字も表示されません。ファイヤーフォックスでは動画のみが表示されました。 何かほかにウインドウズ関係ブラウザ用のレイヤータグあるのでしょうか。 そのレイヤータグの設置方法をご存知の方はご回答をよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 背景画像をブラウザ上部に隙間なく張る

    HTML タグだと思うのですが、たとえば88×38 の画像を ブラウザ画面上部に隙間をあかないように貼るにはどうしたらいいのでしょうか。 例えば以下のように、 <TABLE border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#63cf63" background="gif/line.gif"> とかやると、いっけん、きっちり貼れているように 見えるのですが、リロードしたり、リンクからページを たどったりすると、時々画面右側が丁度スクロールバー ぶんくらいのスペースが空いてしまい、白く抜けて しまいます。 非常に見苦しいので、なんとかしたいです。。。

    • ベストアンサー
    • HTML
  • IE以外のブラウザで隙間ができる

    お世話になっております。 上テーブルと下テーブルを隙間なく配置したいのですがIE6,7以外のブラウザだと3pxくらいの隙間ができてしまいます。厚かましいお願いで恐縮ですが、下記タグをチェックしていただけないでしょうか…。 <table width="758" height="160" border="0" cellpadding="0" cellspacing="0" background="image/gazou.jpg" style="background-repeat:no-repeat"> <tr><td height="30">&nbsp;</td></tr> <tr><td>ここに文字を入れています</td></tr> <tr><td height="30">&nbsp;</td></tr> </table> <div class="test"><br> <table width="758" border="0" cellpadding="0" cellspacing="0"> <tr><td>ここも文字</td></tr> </table> </div> 上のテーブルには背景画像を指定しており、下テーブル部分に色をつけたいのでdivを使いCSSを適応させています。(デザイン上、下テーブル背景に色をつけるのではダメなので) これが問題なのかと思い、divタグを消してみたりしましたがだめでした。 div"test"のCSSは .test{ margin:0px; padding:0px; background-color:#333333; border-bottom:solid 1px #999999; width:758px; height:262px; } としています。 本当に厚かましいお願いで恐縮ですが、ご教授いただけるととても助かります。どうぞよろしくお願いします。

    • ベストアンサー
    • HTML