締切済み スタイルシートでテーブルをセンタリングする方法 2008/08/16 23:42 どうやっても出来ません。そんなに難しいことなんですか?! 単に、テーブルをページ(縦横左右の)中央に持ってきたいだけなのに! どなたか助けてください! みんなの回答 (2) 専門家の回答 みんなの回答 toast5 ベストアンサー率37% (239/638) 2008/08/17 17:29 回答No.2 左右センターは1の方の参照URLでわかると思いますが 上下センターはむずかしいですね。 高さを「100%」と指定したテーブルの中にテーブルを置けば、とりあえず可能です。 <table width="100%" height="100%"><tr><td> <table width=※※ align="center"> <tr><td>□□□□□</td></tr> </table> </td></tr></table> 「valign="middle"」を加えるとさらにいいのかも。しかしテーブルの高さを指定するのは Internet Explorer の独自拡張で他のブラウザでは無効、だいいち邪道、との説もあります(未確認) 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 yuuu69 ベストアンサー率29% (8/27) 2008/08/17 01:18 回答No.1 HTMLでは"align"と言うプロパティがあってそれを"center"にすると中央配置ができますが、CSSの場合は左右の余裕を自動に設定することで中央配置になります。 style="margin:auto" 参考URL: http://www.geocities.jp/haku1569/web/tips/tips/6_table/0007.html 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ パソコン・スマートフォンソフトウェアホームページ作成ソフト 関連するQ&A スタイルシートでの画像のセンタリング 既出かも知れませんが、探し出せなかったもので、質問させて頂きます。 スタイルシートを独立したファイルとして作成しています。クラス付けしてある画像を左右方向の中央に表示する記述方法を教えて下さい。宜しくお願いします。 DreamweaverMX2004でのテーブルの縦横中央配置について 失礼します。 以前、Dreamweaver MXを使っていて、縦横100%のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのHPの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。 これはMX 2004のバグなのでしょうか? もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。 ちなみに7.01のアップデータもあててあります。 Dreamweaver MX 2004でのテーブルの縦横中央配置について 失礼します。 以前、Dreamweaver MXを使っていて、縦横100%のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのHPの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。 これはMX 2004のバグなのでしょうか? もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。 ちなみに7.01のアップデータもあててあります。 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? OKWAVE コラム テーブル内のスタイルシートについて。 カテゴリHTMLでよいのか、ちょっとビクビクしているのですが。 テーブルのひとつのセル内で左揃えの文字列と右揃えの文字列を作りたいのです。 スタイルシートを使おうと思ったのですが、 それぞれの文字列に <SPAN STYLE="text-align:left;">むにゃむにゃ</SPAN> <SPAN STYLE="text-align:right;">うにょうにょ</SPAN> と指定をしても全く反映されません。 一つのセル内で左右に文字を振ることは不可能なのでしょうか? スタイルシートのテーブルについて スタイルシートのテーブルについて質問です。テーブルの中にテーブルを作るときに、中のテーブルの定義はどのようにすればできるのでしょうか。外のテーブルとは別のデザインにしたいのですけど・・・。ご存知の方がいたら教えてください。 HPの表やテーブルについて。 HPの作成のために、テーブルという素材をダウンロードしました。 フリー素材を配布しているサイトさんからです。 テーブルは、9個のパーツ(イメージ)からできていて、縦横のサイズは自由にできます。 そのテーブルを、ページ上で自由に配置したいのですが、どうすればよいでしょうか。 中央配置や、左インデントなどではなくです。 また、表の位置も自由に配置するには、どうすればよいでしょうか。 教えてください。 ボックスをテーブルを使わず中央に表示する方法 こんにちは。 さっそく質問ですが、ボックスをテーブルを使わずスタイルシートで中央に表示する方法はないでしょうか? marginの指定では左右しか中央揃えされず、悩んでおります。 同じような質問がいくつもありましたが、テーブルを使っての方法でした。 テーブルを使わずどうしてもボックスを中央に表示したいのですが、やはり正確に中央に表示することは無理なのでしょうか? 画面サイズを変えても中央に表示されるようにしたいのですが…。 何か方法があればよろしくお願いします。 スタイルシートで、テーブルのセルの中身をセンタリングさせたい。 スタイルシートで、3行5列のテーブルのセルの中身全てを 横にセンタリングさせたいのですが、 皆さんはどのようにやってますか? ちなみにセルの中に入るのは画像のみです。 宜しくお願いします。 「テーブル」がずれる 一つのページに左右1個ずつ(計2つ)のテーブルがあります。そのなかにテキストを入れています。ブラウザの文字サイズを「中」で見るように設計をしたので、「大」にすると左右のテーブル(高さ)がずれてしまいます。テーブルの中に入っているテキストは「ピクセル」で指定しています。「%」で指定したほうがよいのか、ページ全体をテーブル(入れ子)にするのかどのようにしたら「ずれない」でしょうか?それとも「ずれなくする」方法はあるのでしょうか? スタイルシート(CSS)の中にテーブルのようなスタイルシートをつくりたいです。 Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で2つにわかれた2段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m スタイルシートで三段組を作りたいのですが 私はテキスト主体のサイトを持っているのですが、今まではテーブルを使ってレイアウトを構成してきました。 上下左右のマージンをパーセントやピクセルで指定してメインであるテキストがあるテーブルは可変というスタイルです。 数年前まではディスプレイの解像度がそれほど多様ではなかったので、これでも大丈夫だったのですが、最近の横長ディスプレイの普及のため、この方法では環境によっては横に長く表示されてしまうため、divタグを使っての段組に変えて行こうと思いました。 そこで段組のスタイルシートについて説明しているサイトなどを見てみたのですが、私がやりたいと思っているレイアウトが見つからなくて困っています。 ようは三段の段組を作りたいのですが、ボーダー壁紙を使うことが多いので左部分を空けたいのです。 A、B、Cの三段組で右に寄っているレイアウト、つまりBに720ピクセル、Cに80ピクセルの幅を持たせ、一番左のAの部分を可変にしたいのですが、これは可能ですか? 私の調べたところ、AとBを指定してCを可変にするレイアウトはあったのですが、上記のようなものは見当たりませんでした。 それともう一つ、Bの720ピクセルのボックスをページの中央にレイアウトする場合は、左右のボックスはどういう指定をすればいいのでしょうか? 上記のような段組の作り方、あるいは説明しているサイト等ありましたら、教えて下さい。 よろしくお願いします。 動的に生成されるテーブルの高さを取得したい タイトルどおりの質問です。 テーブルの高さは書き込む情報量によって変わりますよね。 改行を使わなければ短いテーブルに、改行を使えば使うほど縦に長いテーブルになります。このテーブルの高さをJavaScriptで取得することって出来ないでしょうか? http://www.stylish-style.com/csstec/hi-level/domannaka.html XHTMLでコーディングをしていて、上のサイトの方法でオブジェクト(僕の場合テーブル)を画面中央に持ってきたいのですが、ご覧になっていただけると分かるとおり、中央に置きたいオブジェクトの縦横のサイズが絶対値で必要になります。僕の場合、横のサイズは固定するので問題ないのですが、縦サイズが動的に変化するのでどうにかそれに対応させられないものかと思いまして。 例えばテキストエリアに書き込んだテキストをフォームで送り、次のページでそれを中央に表示する、みたいな事がしたいのです。 ヤバいパソコンが壊れたかも!?事前に知っておきたい3つの兆候と対策 OKWAVE コラム ビルダーを使ってHPを作成中、スタイルシートの使い方を知りたいのですが・・・ 最近ホームページを見ていると、よくページの左右が同じ色で中央に内容が紹介されているページをよく見かけます。私もそんな感じのページを作りたいのですがビルダーのスタイルシート機能では出来ないようで 実際に記述しないといけないと思うのですが、どのようにしたらよいのでしょうか?例えばこんなページです。 http://www.mhb.co.jp/index.html それから、ひとつの枠の角が少し丸くなっていますがどうしたらよいのでしょうか?ちょっと分かりづらい質問ですがどなたか宜しくお願いいたします。 テーブルにスタイルシートを使う方法 こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう? テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか? よろしくお願いします; tableの大きさ制限 itmediaHPのように、 左右のtdの大きさを「200px」に決めておき、中央のtdの大きさによって、tableの大きさがつねに100%になるようにしたのですが、 中央のtdを、"これ以上、幅が小さくならないようにする方法"はあるのでしょうか? よろしくおねがいします。 テーブルを使わずに 例えばテーブルを使わずに、 文字を(div、imgなども)中央にする方法はありますでしょうか…。 「中央」と言うのは、 左右の真中にするのではなく、上下の真中…と言う意味です…。 ↓こんな感じじゃなくて ┌──────────┐ │ 文字 │ │ │ │ │ └──────────┘ ↓こんな感じ(上下の間での真中)にしたいのですが…。 ┌──────────┐ │ │ │文字 │ │ │ └──────────┘ テーブルを使うと読み込みが遅くなると聞いた事があるので、 出きるだけ使いたくないのです。 (説明が下手で申し訳ありません…汗) スタイルシートなど、他のやり方でもいいのですが…。 よろしくお願いします スタイルシートのfloatでセンタリングしたい 書籍でfloatを使用したリンクボタンの作り方が下のように紹介されていました。 3つ並べるボタンの作り方なのですが、これだと左寄せになってしまうため、3つとも並べたまま中央に配置したいのです。 align="center"や<center>では、配置できず、paddingを使えば左があくもののpx指定のため常にセンタリングになりません。 この書籍では左寄せのままで中央へ配置する方法が書かれていないので、みなさんにお教えいただきたいです。 よろしくお願いします。 (IE6.0使用) <body>内 <A href="test001.html">test001</A> <A href="test002.html">test002</A> <A href="test003.html">test003</A> <style type="text/css">内 a{ border:outset #00ffff 4px; background-color:#8fa7ef; color:#ffffff; padding:0.5em; display:block; width:5em; float:left; } a:hover{ border:inset #ccffff 4px; } HPのスタイルシート テーブル(3行2列)を左に、画像(1枚)を中央に配置したいのですが、 cssはどのように書けばいいのでしようか? スタイルシートを使って段組でのバディングは? 書籍にのっていたスタイルシートでの段組を 次のように記述してみました。 <DIV style="float:left;border-right:3px dashed #000000;width:50%;padding-left:10px;"> ○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○ </DIV><DIV style="padding-left:10px"> ○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○ </DIV> 中央に点線が入って文章が左右に分けられるのですが、 文字と中央線の余白がないので、paddingやmarginを使って みたのですが、特に右側文章の左にある点線と文字の空間がどうしてもできません。(左側部分のの左右余白は機能するのですが) tableを使ったときはpadding-leftで設定できたのですが、正しい方法がありましたらお教えください。 書籍にもここらへんの説明がないのです。 スタイルシートで、テーブル作成について スタイルシートでテーブル枠をつくりたいのですが スタイルシートを使わない場合図形をつかって、角をまるくしたテーブルを作れますよね、このテーブルをスタイルシートでできないのでしょうか? 図形を使わない方法を見たことがあるのですが、IEには対応していないみたいです ご存知の方よろしくお願いします 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ パソコン・スマートフォン ソフトウェア Excel(エクセル)Word(ワード)PowerPoint(パワーポイント)Access(アクセス)その他MS Office製品オフィス系ソフトPhotoshop(フォトショップ)Illustrator(イラストレーター)その他Adobe製品画像・動画・音楽編集ホームページ作成ソフト筆まめ・はがき作成フリーウェア・フリーソフトその他(ソフトウェア) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など