締切済み

テーブルを使わずに画面中央表示

2007/03/04 17:14

CSSのみで画面縦横中央表示を再現したいです。条件は・標準モード・IEでバグが起きない・テーブルを使わないです。多くのサイトや掲示板で「CSSのみで中央表示は不可能」とあったのでこちらで質問した経緯です。よろしくお願いします。

Musicful-hearts
お礼率47% (220/463)

その他（インターネット・Webサービス）
回答数1
ありがとう数1

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

みんなの回答

noro6677
ベストアンサー率21% (34/158)

2007/03/04 17:42 回答No.1

左右位置に関してはできるけど上下位置に関しては無理ですかね。

質問者

お礼 2007/03/04 23:04

なんとか再現に成功したので終了させていただきます

質問者

補足 2007/03/04 18:51

補足です。ボックスの大きさは固定してあります。

関連するQ&A

XHTMLでテーブルを使わずに中央表示させる方法を教えてください。

はじめまして。 CSS初心者で勉強中なんですが、タイトルにあるテーブルを使わずにCSSのみでブラウザで中央表示させる方法がわかりません。といいますか、テーブルはまともに使ったことが無いのでテーブルでのやり方もわからないのですが・・・できればCSSのみで中央表示させたいと考えているのですが、どうすればできるのでしょうか？過去ログでに多様な質問があったのですが、僕の知識ではわからなく改めてこちらで質問させていただきました。どうかよろしくお願いいたします。
ビルダーver.9 画面を中央揃えにするには？

ビルダーver.9の「標準モード」でページを作成しているのですが、ページをIEの画面上で左右中央揃えで表示されるようにするには、どのように設定すればよいのでしょうか？
DreamweaverMX2004でのテーブルの縦横中央配置について

失礼します。以前、Dreamweaver MXを使っていて、縦横100％のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのＨＰの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。これはMX 2004のバグなのでしょうか？もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。ちなみに7.01のアップデータもあててあります。
テーブル自体を中央に表示する場合は

cssでテーブルの中の文字を中央に表示させるときは text-align: center; を使いますが、テーブル自体を中央に表示する場合は margin-left:auto;margin-right:auto; を使うみたいですが、なぜ text-align: center; ではだめなのでしょうか？テーブル自体がテキストじゃないからですか？
XHTMLでオブジェクトを画面中央に置く方法

オブジェクトをブラウザの画面中央に置きたいのですが、これのうまいやり方が分かりません。XHTMLに準拠し、CSSもきちんと使いたいので「縦幅・横幅100%で縦横中央寄せにしたテーブルの中に置け」というやり方は使いたくありません。というよりXHTMLに準拠した場合、テーブルに限らず全てのタグにおいて、縦幅をいっぱいに広げるということはできないみたいです。横位置を中心にするにはCSSでtext-align: center;でできますが、これの縦にあたる記述法はありません。縦方向の中心にセットするにはどうしたら良いのでしょうか
表を画面の中央に表示したい

ホームページビルダー７、標準モード表を画面の中央に表示したい http://www.setuyaku-city.net/biruda/table/qhpt19.html 説明の１，２，３、と確認作業しましたが　４、になりません表が中央に動きません ▲何が原因か？表の中、文字等[中央揃え]　は出来、確認もできます。
ページを中央に表示したい

すでに過去に同じ質問が何個か出てますが解決しなかったので書き込ませていただきました。テーブルは使わないでCSSを使ってやっているのですがどうも表示がうまく行きません。 Operaだと画面中央に表示されるのですがIE6やGraniでは左に表示されます <div id="page"></div>で全体を括ってCSSで #page{ width:750px; background:#FFF; margin:0 auto; } こんな感じでやってるんですが駄目で困っていますわかる方いらっしゃったら教えてくださいお願いしますちなみにこれが作ってる途中のやつです http://otakumasshigura.web.fc2.com/sample.html
ボックスをテーブルを使わず中央に表示する方法

こんにちは。さっそく質問ですが、ボックスをテーブルを使わずスタイルシートで中央に表示する方法はないでしょうか？ marginの指定では左右しか中央揃えされず、悩んでおります。同じような質問がいくつもありましたが、テーブルを使っての方法でした。テーブルを使わずどうしてもボックスを中央に表示したいのですが、やはり正確に中央に表示することは無理なのでしょうか？画面サイズを変えても中央に表示されるようにしたいのですが…。何か方法があればよろしくお願いします。
テーブルを中央に表示させる場合

cssでテーブルを中央に表示させる場合、 http://www.1uphp.com/con1/table/align-center.html のサイトでいうと、１．<div>の中身をtext-align:center;で中央に表示２．中央表示されないブラウザ(FirefoxOpera)に対してmargin-方向:auto;を設定のどちらの方法で指定したほうがいいのでしょうか？万人向けのサイトを作ってるのでブラウザはまちまちなのですがそのような場合のタグの書き方を教えてください。
Dreamweaver MX 2004でのテーブルの縦横中央配置について

失礼します。以前、Dreamweaver MXを使っていて、縦横100％のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのＨＰの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。これはMX 2004のバグなのでしょうか？もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。ちなみに7.01のアップデータもあててあります。
IE6、Net7、opera9、Firefox2などでテーブルを画面中央に配置する方法

こんにちは。ブラウザー別に、テーブルを画面中央に配置する方法を教えてもらいたいです。以下の方法だと、IE6、opera9では画面中央に配置されましたが、Net7、Firefox2では画面中央に配置されず、右側に表示されてしまいます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>サイト</title> <style type="text/css">  Net7、Firefox2でも画面中央に配置できる方法はないでしょうか？何分初心者なので、ソース付きで解説してくれれば有難いです。それでは、よろしくお願いします。
IE8などでCSSでテーブルを中央に、テーブル内のテキストは左寄せにしたい

お世話になっております。・本文・テーブルは中央揃え・テーブルの内容は左揃えというものをCSSで作りたいのですが、どのようにしたらいいのでしょうか。現在のページの一部は <div id="main"> <h1>タイトル</h1> 　 <table border="1"> <p> 本文 </p> <tr> <td colspan="2"><h2 align="center">○○○</h2></td> </tr> <tr> <td>内容</td> <td>内容</td> </tr> ～行が続きますが省略～ </table> </div> のようになっています。ちなみに cssのmainは「text-align:center;」を指定しておりますが、 IE8にしたところテーブルが左寄せになってしまいました。なるべく多くのブラウザで同じような配置になるようにしたいのですがどうしたらよいでしょうか。よろしくお願いいたします。
spanタグで文字を中央に表示しようとしても

http://www5.plala.or.jp/vaio0630/css/css01.htm#A7 を参考に spanタグで文字を中央に表示しようとしても中央に表示されません。なぜでしょうか？ IE11を使っています。
IEで画面を中央に表示する方法

IEで画面を表示させるとページが一番左端に表示されますこれをwordやacrobat readerのように画面中央に表示するようにしたいのですがそのような設定はありますか？あるいはgoogle chromeなどでできれば教えてください
ホームページを中央表示にしたい

こんにちは。前の質問にもあったのですが、 Yahooのようにホームページを中央表示させたいのですが、 W3Cの基準に沿ったホームページ作りを目指しているので、 tableでレイアウトはできません。また、XHTMLは勉強していないので分からないのですが、 HTML(CSS)で、中央表示させることはできないでしょうか？もし無理なら、XHTMLとHTMLを一緒に使う事はできるのか教えていただけませんか？よろしくお願いします。
レイヤーを画面の中央に配置したい

新規Webサイトをつくるにあたって、レイアウトに、テーブルではなく、レイヤーを使用しようと思っています。画面の中央に配置したい場合、テーブルならalign="center"で、できますが、レイヤーの場合はどのように設定すればよいでしょうか？当方Dreanweaverを使用しています。HTMLやCSSの書き方でお教えいただいても結構です。よろしくお願いいたします。
任意の場所を中央に表示させたい（イメージ：ラベルを貼った所を上部ではなく画面中央に表示されたい）

ホームページ作成に関する事で度々お世話になります。検索したのですが思うようなものがなく質問させて頂きます。リンクを貼ったファイル仮に「表紙」とします。リンク先のページには大きくて縦横スクロールは必ず出るような大きさの画像を貼ります。表紙のリンクを押すとリンク先のページに貼った画像の任意の場所を画面の中央に表示させたいのですがどのようにしたらいいでしょうか？画像を切り刻みテーブルに入れ並べてラベルは試しましたが、上部にしか表示されず思うような結果が得られませんでした。「ラベルのリンク先を中央に表示させたい」という方が判って頂き易いのでしょうか？勿論ラベルには拘っていませんので良い方法をお教え頂ければ非常に助かります。宜しくお願いします。追記：画像のピクセルをX.Yを知る事は可能です。インターネットの表示速度は一切考えなくて良いです。
CSSで画像・テーブルをウインドウの中央（上下・左右共）に表示したい！

前回は文字を一番下の中央に表示させたい質問をして、回答を頂き出来るようになったのですが、今度は画像やテーブルをCSSを使ってウインドウの中央（上下・左右共）に表示させる方法が分らず困っています。ご存知の方がおられましたら回答を宜しくお願いします。このようにやってみましたが、画像やテーブルの縦の長さに関係なく50％位置に配置されてしまい、上下に中央ではなくなってしまいました。 position: absolute; top: 50%; width: 100%; text-align: center; いじょう宜しくお願いします。
IE８のモードの切り替えでIE７になるとか、

IE８のモードの切り替えでIE７になるとか、標準とか後方とか表示モードが選択できるとか出来ないとか聞きました。この時、IE８で、IE７モードにすると IE７のバグが発生するのでしょうか？　改善されているのでしょうか？例えば、 IE７ではバグで拡大縮小でインラインの画像やinputボタンが文字と重なりますが、 IE８では改善されたと聞きました。でも、ハック無しのCSSで　IE８のIE７モードで拡大縮小するとどうなりますか？ IE８が無いので誰か教えてください。<(_ _)> 画像は、ここの「教えてgoo」を IE７で100％を110％にした例です。
テーブルを上下左右とも真ん中に表示させたい

こんにちは。ただいま、ホームページビルダー８の標準モードでサイトを作っている者です。一つのテーブルを、閲覧者のウィンドウサイズに合わせて常に中央に表示されるようにしたいのですが、その方法について質問させて頂きます。横幅に対して中央に表示させる方法は分かるのですが、縦幅に対して中央に表示させるやり方が分からずにいます。過去の質問を参照しましたが、縦幅に対してのやり方の質問が見つからず、困っております。ビルダーの操作についてでも、直接タグに書き込む方法でもどちらでも構いませんので、ご存知の方がいらっしゃいましたらご教授をお願い致します。

テーブルを使わずに画面中央表示