• 締切済み

「テーブル」がずれる

一つのページに左右1個ずつ(計2つ)のテーブルがあります。そのなかにテキストを入れています。ブラウザの文字サイズを「中」で見るように設計をしたので、「大」にすると左右のテーブル(高さ)がずれてしまいます。テーブルの中に入っているテキストは「ピクセル」で指定しています。「%」で指定したほうがよいのか、ページ全体をテーブル(入れ子)にするのかどのようにしたら「ずれない」でしょうか?それとも「ずれなくする」方法はあるのでしょうか?

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

みんなの回答

noname#14286
noname#14286
回答No.2

テキストの部分は無視し テーブルタグくらいはかけるはずですが どうですか? 自分なりに解決に至ったのなら、質問を閉め切ってください。

kaiponpon
質問者

お礼

分かりました。ありがとうございました。

noname#14286
noname#14286
回答No.1

まず、改行がないので、読みづらいです。 テキストの指定ではなく、テーブルはどのようにサイズを指定してるのですか? タグをそのままお書きください。

kaiponpon
質問者

お礼

>まず、改行がないので、読みづらいです。 申し訳ありません。 「お礼は1000文字まで」ときめられているのでソース全部を貼ることができません。 ページ全体の幅は700ピクセルで左右のテーブルの幅は345ピクセルです。(中央にすきまができます) 自分で試してみたところターブルの中に文字が入っていないと、文字のサイズを大きくしてもずれないことが分かりました。 文字のサイズをCSSを使用し「%」で指定するしか方法はなさそうですね。

関連するQ&A

  • Tableの高さ指定

    今、左側にメニューのあるページを作成しています。 メニューの背景に色をつけ、100%指定して一番下まで設定したいのですが、、、 Tableの高さ指定で100%すればいいだけの話なのですが、システムの関係上、外側に大きなTableがデフォルトであり、その中に入れ子で作成しなければならないのです。 入れ子にした場合、中のTableの高さの100%指定がきかなくなってしまいました。 ページ内容は、メニューより短いものも倍以上あるものもあるので、pixel指定はできません。 どうすれば入れ子のTableの高さを%指定できるのでしょうか? 分かりにくい説明で申し訳有りません。 ご存じの方いらっしゃいましたらご教授ください。 よろしくお願いします。

  • テーブル幅について

    どなたか教えてください。 現在、strictで、cssを用いてソースの手打ちで HPを作成しています。 文字サイズをユーザー側で変えられるように 文字をemで設定しました。 文字サイズを小→大に変更すると テーブルの中の文字が全部表示されません。 (更新ボタンを押すと正常に 全部の文字が表示されますが) この症状のときは、テーブルの横幅などをピクセル指定 していました。 テーブル幅がピクセル指定しているために 正常に表示されないのかと思い、テーブル幅などの 指定も全てem指定に変更しました。 今度は、全部の文字が表示されるのですが、 文字サイズをユーザー側で小さくすると テーブルの横幅が極端に狭くなってしまい、 最大にすると、横幅が広くなりすぎてしまいます。 理想では、横幅を固定し、文字を全て 表示させることです。 テーブルの横幅を30emに指定し、中のtdタグは 計30emになるように指定しています。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • TABLE内の、文字の大きさの設定

    スタイルシートで文字の大きさを指定しているのですが、 こんなの↓ body {font-size:10pt;} table {font-size:10pt;} td {font-size:10pt;} th {font-size:10pt;} まず、テーブル内もBODY内も指定どおりに文字の大きさは変わるのですが、 このあと、ブラウザの文字の大きさを、 最小、小、中、大、最大と変化させても、 BODY内は正しく変わりますが、 テーブル内は全く変化無しです。 IEでのみ検査してますが、 テーブルについても、BODY内と同じように、 文字の大きさが可変になるような設定方法を知りませんか?

  • テーブルの横100%、高さ100%について

    お世話になっております。テーブルの横幅100%、高さ100%(背景色指定あり)にして、その中に入れ子で別のテーブルを作っているのですが、マックでみると、高さ100%のテーブルなのに、ブラウザの一番下まできていません。。。 どうしてでしょうか。キャッシュ等の問題ではなさそうです。マックでは高さ100%は向いていないのでしょうか。 本当に困っています。 解決策をよろしくお願いします!

    • ベストアンサー
    • HTML
  • テーブルの配置

    お忙しいところすみません。たぶんCSSでレイアウトした方がいいと思うのですが、よく分からないのでとりあえずテーブルでレイアウトしています。 テーブルの入れ子にせずにレイアウトをしたいのですが、ブラウザーで確認すると、文字サイズを小さくすると、真ん中の左右に並べたテーブルが上下のテーブルの位置からはみだしてしまいます。 何かタグを付け加えるとうまくいくのでしょうか? ・まず、ページの上にタイトルやボタンを配置するテーブルを置き、 <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> ・その下に左右にテーブルを配置し、内容を書き、 <table width="49%" border="0" align="left" cellpadding="0" cellspacing="0"> <table width="49%" border="0" align="right" cellpadding="0" cellspacing="0"> ・その下にまたテーブルを置いて、コピーライトを表示させる <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> 省略してタグを書いていて、分かりにくければ申し訳ございません。教えていただけるとうれしいです。どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブル枠と文字

    DreamWeaverでHP作成中です。 たびたび質問させていただいていますが、テーブルの大きさがどうしても合いません。 【A】<table width="100%" height="100%">という大きなテーブルの中に 3つ入れ子しています。   <tr><td>   【1】<table width="710" height="55">   【2】<table width="710" height="15">   【3】<table width="710" height="400"> </td></tr></table> これをベースに、【1】【2】のテーブルにはボタンを入れ、各ページにリンクさせています。 【3】のテーブルにインラインフレームを入れて、各ページ枠組と背景は同じのものを作っています。 【3】のインラインフレームを外しFlashファイルをはめこんだりすると、他のページと枠の大きさが変わってくるのですが、理由がわかりません。 もしかして、テーブルの枠自体に高さや幅があるのでしょうか。 例えば<table border="0">としていても、少し高さがあったりするために、全体の大きさが微妙に変わってしまう等。 もしくは、<td height="5">と設定しているのに、文字の大きさがそれ以上の高さを持っているため等。 文字の大きさはブラウザの設定等にも依存するのでしょうが、大体高さはどのくらいに設定すればよいのでしょうか。 それから、例えば【3】<table height="400">の中が<table height="380">と<table height="15">の2つだとするとまた大きさが変わってしまうのでしょうか。 とんちんかんなことを言っていますが、教えてくださいー。

    • ベストアンサー
    • HTML
  • TABLEの幅がっ?!

    初めて質問します、WEBデザイナーをしている者です。 が、恥ずかしいことに、TABLEの幅がどうしても広がってしまってWindowサイズが幅800くらいになってしまいます・・・(涙) そのページのレイアウトは、まずヘッダー/メイン用/フッターを入れた3行1列の大きなテーブル(幅100%指定)があり、そのメイン用の中にメイン(幅90%指定)を入れ子にしている状態です。 メイン(幅90%指定)を消すと、ウィンドウ幅は自由に成り行きで動いてくれます。 でもメインを入れたとたんに800以上になってしまいます。 メイン(幅90%指定)を折り返し無しにしてないし、理由がわからないんです。 説明不足かとは思いますが、非常に困っています。 ヒントくらいでもいいのでアドバイスいただければと思いますm(._.)m

    • ベストアンサー
    • HTML
  • レイアウトはテーブルよりCSSですか?

    今まで、Webサイトのレイアウトは、テーブルを何重にも入れ子にして、行ってきました。 最近、「レイアウトにテーブルを使うのはよくない」「テーブルで全体を囲っているレイアウトはダサい」などの意見を聞くようになってきました。 奮起して、テーブルでつくったページをCSSに書き換えようと思いましたが、なかなか困難です。 位置を左上基点に、それぞれの<div>をabsoluteで設定すれば、比較的容易にレイアウトを組めるのですが、やはり全体を画面の中心に持っていきたい、そうなると、全体をテーブルで囲って、align="center"が簡単です。 そこで、質問です。 ・CSSでレイアウトを組むとき、左上を基点にされていますか?全体を中央に配置するようにされていますか? ・CSSで、全体を中央に配置するとき、全体を<div>で囲って、その中に<div>を入れ子にして、配置していくと思いますが、なかなか思い通りの配置になりません。このやり方であっていますか?簡単なやり方がありますか? ・やはり、レイアウトにはテーブルよりも、CSSを使ったほうがいいですか? ご意見・ご回答いただきたく、どうぞよろしくお願いします。

    • ベストアンサー
    • CSS
  • 入れ子table個々への文字サイズ指定の方法

    tableを入れ子にしてサイトのレイアウトを行っているのですが、 中に入っているtableに別の文字サイズを style="font-size : ○px;" の様に指定しようとしても、headで指定している文字サイズに邪魔されて 中に入っている小table個々の指定通りに表示されません。 <td>それぞれに一つ一つ入れていくと、指定通り表示されます。 これを、小テーブルに一括して指定するもう少しスマートな方法を御教えください。 確かBOXごとに名前を付けて指定していく方法があったと思うのですが 今探しても見つかりませんでした。どうかお助けください。

    • ベストアンサー
    • HTML
  • テーブルの中にテーブルをつくるの利点は?

    現在、ホームページ制作を勉強中なのですが、 人のページのソースを見るとよくテーブルの中に テーブルをたくさん入れているのを見かけます。 普通にセルで制作するのに比べて テーブルで入れ子上にする利点は何でしょうか? よろしくお願いいたします。