• 締切済み

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

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

みんなの回答

  • noro6677
  • ベストアンサー率21% (34/158)
回答No.1

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

Musicful-hearts
質問者

お礼

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

Musicful-hearts
質問者

補足

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

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • ビルダーver.9 画面を中央揃えにするには？

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

  • DreamweaverMX2004でのテーブルの縦横中央配置について

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

    • ベストアンサー
    • CSS
  • テーブル自体を中央に表示する場合は

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

    • ベストアンサー
    • CSS
  • XHTMLでオブジェクトを画面中央に置く方法

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

    • ベストアンサー
    • HTML
  • 表を画面の中央に表示したい

    ホームページビルダー７、標準モード 表を画面の中央に表示したい 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

    • ベストアンサー
    • HTML
  • ボックスをテーブルを使わず中央に表示する方法

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

    • ベストアンサー
    • HTML
  • テーブルを中央に表示させる場合

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

    • ベストアンサー
    • CSS
  • Dreamweaver MX 2004でのテーブルの縦横中央配置について

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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する