- ベストアンサー
HTMLについて教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは コンテンツにwidthを設定しているならmargin:auto;を使用したほうが楽だとは思いますが・・・（DTD宣言が必要です) position:absolute;でやるなら left:50%; margin-left: - (コンテンツwidth/2) px; になると思います (例) <div style="width:500px;position:absolute;margin-left:-250px;left:50%;background-color:red;">a</div>
その他の回答 (2)
質問の前にご自分でやってみればいいと思うのですが… 別にpositionにこだわらなくてもmarginやpaddingで調整してはいかがですか？ それにそもそもposition:absoluteで中央寄せが出来るわけではないですから。
- SAYKA
- ベストアンサー率34% (944/2776)
http://www.tohoho-web.com/css/reference.htm#position 50% で指定したら良さそう。 ただ、position:absolute だと、中央揃えじゃなくて「画面の中央」配置になっちゃうよ 簡単なHTMLとCSSで試すと判るんじゃない？
関連するQ&A
- HTMLとCSSを教えてください。
画像を中央揃えしたいのですが、 <img src="xxx.jpg"> img{ text-align:center; } とやったのですが、中央揃えできないのですがなぜでしょうか？ もうひとつ質問させてください。図書館の参考書に書かれている内容で、「今はtext-align:center;よりposition:absolute;top:105px;left:50px;を使う事が多くなっています」と書いてありました。ほかにもサイトのソースをみると、absoluteを使用しているサイトを良く見かけますが、positionを使ってデザインすると画面サイズとか、見るブラウザによってデザインが崩れてしまわないでしょうか？そうなるとやはりtext-align:center;を使うのがいいのではないでしょうか？ どれも初歩的ですみませんが、よろしくおねがいします。
- ベストアンサー
- HTML
- HTMLの画像の位置の指定
HTMLで、画像の位置などを決めるときに、<div align="center"></div>などを使いますが、ＣＳＳやジャバスクリプトで使用している、 position:absolute; 絶対配置 position:relative; 相対配置 position:static; 通常配置（指定しない場合はこれ） position:fixed; 上のようなポジションタグを使う事は可能ですか？ できれば、そのサンプルのようなものを書いてもらえると 助かります。
- ベストアンサー
- HTML
- ブラウザの中央へ表示させたいのですが教えてください。
こんにちは CSSを使ってサイトをブラウザの中央へ表示させたいのですが うまくいかなくて、困っています。 div.box3 { /* タイトルロゴ */ width: 820px; height: 152px; position: absolute; top: 10px; left: 180px; text-align: center; } </head> <body> <div class="box3">aaaa</div> など <body align="center"> などを使って試してみたのですが、うまくいきません。 text-align: center;を無効にしてしまう原因・理由など があれば教えて下さい。どうぞ宜しくお願いします。
- 締切済み
- HTML
- CSSで画像・テーブルをウインドウの中央（上下・左右共）に表示したい！
前回は文字を一番下の中央に表示させたい質問をして、 回答を頂き出来るようになったのですが、今度は画像や テーブルをCSSを使ってウインドウの中央（上下・左右共） に表示させる方法が分らず困っています。 ご存知の方がおられましたら回答を宜しくお願いします。 このようにやってみましたが、画像やテーブルの縦の長さ に関係なく50％位置に配置されてしまい、上下に中央では なくなってしまいました。 position: absolute; top: 50%; width: 100%; text-align: center; いじょう宜しくお願いします。
- ベストアンサー
- HTML
- CSSでのブロックのセンタリングについ
いつもお世話になっております！ BackgroundにFlashを指定して、その上に別のブロックがくるように指定しています。 FlashのCSSの指定が、#flashと#flash object。その上に#flash.sectionが表示されるようにしているのですが、 Flashの大きさとFlash.sectionのWidthが違うせいか、Flash.sectionが画面の中央に表示されません。 FlashのWidthが1800pxでその真ん中（900px地点）からFlash.sectionが表示されてしまいます。 これをうまく、画面の中央に表示されるよう、指定することはできないでしょうか？ ご存知の方、何卒ご教授願います！！！ CSS指定は下記の通りです。 div#sub{ text-align:center; overflow:auto; } #flash { width:1800px; height:340px; margin:0 auto; position:relative; text-align:center; } #flash object { position:absolute; top:0; left:0; z-index:0; } #flash .section { position:relative; z-index:5; width:1000px; text-align:center; margin:0 auto; }
- ベストアンサー
- CSS
- 【HTML5、CSS2.1】imgのalign
HTML5、CSS2.1でホームページを作成しています。 http://www.tagindex.com/html_tag/img/img_align.html このサイトを参考に画像の右中央に文字を配置したいのですが HTML5ではalign属性が認められていません。 どのように対処すればよいのか教えていただけましたら幸いです。
- ベストアンサー
- HTML
- ページ全体をセンタリングできません
フルCSSでWEB作成をしていますが、ページ全体をセンタリングしたいのですが、IEで見ると右にずれてしまいます。ネットでいろいろ検索をして試してみたのですが、うまく行きません。 HTMLは <div id="centering"> <div id="wrapper"> </div> </div> で、CSSは #centering { text-align: center; width: 100%; position: absolute; margin: 0px; padding: 0px; } #wrapper { width: 900px; margin: 0px auto 0px auto; padding: 0px; text-align: left; です。 これではだめなんでしょうか。
- ベストアンサー
- CSS
- CSSで画像を中央配置（センタリング）する方法について伺います。
CSSで画像を中央配置（センタリング）する方法について伺います。 ※ボックスのセンタリングではなくて、ボックス内の画像のセンタリングです。 単純に text-align:center; で中央配置されましたが、テキストが入っていないボックスでも、このタグで文法的には問題ないのでしょうか？ header内にphoto.gif画像が入っている場合。 CSS #header{text-align:center;} HTML <div id="header"> こんな単純で良いのでしょうか？ 初心者なので、とんちんかんな質問だったら申し訳ありません。
- ベストアンサー
- HTML
- テーブル自体を中央に表示する場合は
cssでテーブルの中の文字を中央に表示させるときは text-align: center; を使いますが、 テーブル自体を中央に表示する場合は margin-left:auto;margin-right:auto; を使うみたいですが、 なぜ text-align: center; ではだめなのでしょうか？ テーブル自体がテキストじゃないからですか？
- ベストアンサー
- CSS
- HTMLの表示を中央にしたいのですが
画面表示が中央になるよう <body> <center> ・ ・ </center> </body> としたのですが .pos1 {position:absolute; top:200px; left:550px; } で定義されている画像が当然ですが移動してくれません。 この画像も一緒に移動させるやり方を教えてください。
- 締切済み
- HTML
