ベストアンサー

margin: 0em auto 0em auto;

2005/09/19 09:18

というCSSで autoの意味がわかりませんどういう意味なのでしょうか? 上の場合どう解釈すればいいのでしょうか?

guuman
お礼率86% (1043/1206)

HTML
回答数1
ありがとう数1

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

質問者が選んだベストアンサー

ベストアンサー

bob_n
ベストアンサー率35% (610/1732)

2005/09/19 10:17 回答No.1

http://webs.jfast1.net/k-shop/html/boxmodel.html 右と左はautoで上下が0emとゆうことだと思います。 autoはセンタリングだと思います。(ページの下のほうにかいてあります)

質問者

お礼 2005/09/19 10:36

ありがとうございますよくわかりました

関連するQ&A

[CSS]marginとpaddingについて

ブログのCSSを編集しています。 marginとpaddingの違いがいまいち分かっていなかったので、いろいろなCSS講座サイトを見て回ったのですが、少し混乱して来ました…。自分なりに以下のような結論を出したのですが、何か問題はありますでしょうか。 ■marginとpaddingは要素にボーダー・背景色を使用しない限り、表示に違いはない。 ■marginはIE6などでレイアウトが崩れる場合や、ブラウザによって相殺が起きたり起きなかったりする場合もあるので、余白は全てpaddingで指定する。 ■ページ全体の設定はデフォルトで margin:0px と padding:0px とし、余白のいらない要素には何も記述しない。(CSSをスッキリさせたいので) ■ページ全体のセンタリングは、 margin:0px auto とする。(どのサイズのスクリーンで見ても、真ん中にくるようにしたいので) ネガティブマージンは使用しません。また、各エリアやテキストに、ボーダーと背景色は使用していません。表示に違いがないのであれば、出来れば余白は全てpaddingに統一したいのです。(統一した方が気持ち良いので) この解釈で合っているか、教えてもらえると助かります。よろしくお願いいたします。
chromeでmargin:0 autoが効かない

いつもお世話になっております。よろしくお願いいたします。 wrapperのセンタリングがchromeで"のみ"出来ません。スタイルシートの1行目に * {margin:0 auto;} と指定し、IE、FFでは問題なくセンタリングが行われています。 chromeでは更に、開発ツール上でwrapperに対してmarginを指定してやると正しくセンタリングが行われます。ところが改めてスタイルシート上で同様にwrapperに対して marginを指定してもセンタリングされないのです。これは一体どうしたことなのか・・・何が邪魔をしているのでしょう。また、リロードを繰り返すと何度かに一度センタリングされることがあります。その逆で、一見正しくセンタリングされているように見えてもリロードを実行するとセンタリングが解除されることもあります。 javascriptを外してみても結局は変わりませんでした。ご存知の方、是非ともご教示頂ければと思います。よろしくお願いいたします。
max-margin-leftのようなもの

max-margin-leftというプロパティをCSSに追加したいのですがいえ、無理なら同じような効果が得られるだけでももちろんokですよ？やりたいこと margin:0px auto;のように左右中央にコンテンツを表示する方法がありますが、もうちょっと左よりにしたい！だけど、margin:0px auto 0px 120px ;にしたらウィンドウ幅が狭まったときも左に120pxもあまっちゃう！もったいない！左も消費できればいいのに。と。こんな感じの動作↓ max-margin-left:120px;max-width:600px;margin-right:auto; 同じような動作をするならどんなのでもかまいません。よろしくお願いします。マージンを%指定すればいいじゃん→%指定は避けたいです。
オートとプログラムオートの違い

PENTAX k-xで、オート「AUTO PICT」と、プログラムオート「P」の違いを教えてください何も設定していなければ、同じになるということでしょうか？仮に設定していた場合、オート「AUTO PICT」は設定値を無視して、プログラムオート「P」は、設定値を反映した上で、さらに何かを自動的に調整するのでしょうか？また、例えばAvなどとはどう違うのでしょうか？・Avの場合は、Av設定値を優先的に処理する・オート「AUTO PICT」は、全自動そうすると、プログラムオート「P」は、何をどうするのでしょうか？何かの優先度合いの違いでしょうか？
marginが効いてくれません。

下記のレイアウトで#contentsのmarginを上下左右10pxで指定していますが、Fierfoxで見るとbottomだけmarginが効いてくれません。 #contentsには背景画像を持ってきたいので、下のmarginがとれないと困っています。よろしくお願いします。 body { margin: 0px; padding: 0px; text-align: center; } #wrap { padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 800px; text-align: left; } #header { background: #0099CC; width: 800px; } #contents { padding: 0px; width: 800px; margin: 10px; } #contents #sidenavi { background: #CCCCCC; width: 160px; float: left; } #contents #main { background: #FFFFCC; width: 580px; float: right; } #footer { background: #99CCFF; height: 80px; width: 800px; clear: both; } p{ margin: 0px; padding: 0px; } ****************************HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>Layout01</title> <style type="text/css" media="all"> @import url("Layout1.css"); </style> </head> <body> <div id="wrap"> <div id="header"> <h1>Layout</h1> </div> <div id="contents"> <div id="sidenavi">内容がここに入ります</div> <div id="main"> <p>内容がここに入ります</p> </div> </div> <div id="footer">内容がここに入ります</div> </div> </body> </html>
CSSでmarginに関して

本を見ながらCSSを勉強しているのですが p {margin: 8px 20px 0} ちょっと省略してますが、marginのところだけ、最後の０は何を表していますか？上に8、左右に20、下に0(単位はピクセル）であっていますでしょうか？でも最後だけpxがないから指定無しですか？あと、このような質問にふさわしいカテゴリがあったら教えてもらえると・・・。ついでですみません。よろしくお願いします。
footerのmarginが適用されません

http://chicken-tori.21mhz.net/web/index.html http://chicken-tori.21mhz.net/web/css/layout.css footerの上にmargin-top: 10px;を適用させたんですが、IEだとちゃんと適用され、FireFoxだと適用されず、くっついた状態です。どのようにすれば、marginを適用できるんでしょか？
CSS　配置　Absolute、Margin

お世話になります。 CSSを使用してWebサイトを作成しているのですが、ある画像の上にもう一つの画像を重ねたいと思っています。そんな時まず後ろの画像を配置し、その次に上に重ねる画像をPosition:absolute; margin:xxpx; として表示させています。IE以外で表示されるのと、IEで表示される位置が違うので困っています。とりあえず画像の表示方法は以下のよう HTML <div id="a"> <img src="aaa.jpg"> <div id="b"></div></div> CSS #a {float:left; overflow:hidden;} #b {position:absolute; margin:-40px; height:10px; width:20px; background:url(aa.jpg);} IEすべて同じように表示されるのかと思いましたが、今日学校のPCで見たところ、IE以外のブラウザで表示されるのと同じように表示されていました。今のところはIEのみのCSSとその他のCSSとの設定でやりくりしていますが、すべてのブラウザでどんな場合も同じように（まったく同じは無理だとは思いますが）表示させる方法を教えてください。 CSSを使い分けたりするのではなく。一つのCSSだけで；
【css】marginについて質問です。

現在Webサイト構築をしています。いきなり躓きました。コードを見てください。（一部だけ抜粋しています）【cssコード】 #container_all{ width:920px; height:520px; margin:0 auto; padding:0; } #container{ width:900px; height:500px; margin:10px; padding:0; } 【XHTMLコード】 <div id=container_all> 　　　<div id=container> 　　　</div> <div> このような場合、#container_allの中に#containerがマージン10pxでちょうど中心に収まるものかと思ってましたが、見事にマージンのtopが効いてませんでした。 marginは効かないのでしょうか？教えてください。
CSSで左右マージンをautoにすると、heightのautoが効かなくなるのですが・・・

CSSで左右マージンをautoにすると、heightのautoが効かなくなります。私の場合、まず、bodyタグに対してマージン0とテキスト中央ぞろえを行い、その後大枠の「wrapper」divで800×600位を設定し、中にコンテンツ要素を挿入した後、大枠の「wrapper」のheightをautoに設定しなおします。すると、コンテンツ要素が大枠の「wrapper」から飛び出し、大変なことになってしまいます。しかしながら、大枠の「wrapper」にフロート設定をすると、heightのautoが機能します。宣言文を変えてみても同じ現象が発生しますが、どなたかこの問題に関して、左右のautoで中央揃えにし、heightのautoでコンテンツを追加しても「wrapper」がきちんと伸びていく設定を共存させる手法をご存知の方がいらっしゃいましたら、ご教授願えますと幸いです。宜しくお願いします。
標準モードでのheight:100%,auto

heightについて。標準モードだと、bodyがauto、親要素がautoのとき、子のheightを100%にしてもそれはautoと解釈されると理解しています。作りたいのは、テーブルの、 table自体は高さauto tdの中のdivは高さ100% なんですが、「標準モードだと」なかなかうまく行きません。 ↓こんな感じで作ってみたものの、これはtableの高さが100%です。 tableの高さを自動にすることはできないのでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <style type="text/css"> html,body { height:100%; } </style> <table border="1" style="height:100%;"> <tr> <td style="height:100%;"> <div style="background:#fee;height:100%;">あいうえお</div> </td> <td style="height:100%;"> <div style="background:#eef;height:100%;">あ<br>い<br>う<br>え<br>お</div> </td> </tr> </table> </body> </html>
EXCELのオートシェイプについて

基本的なことをお聞きします・・・ WORDなどは、文字の上にオートシェイプを重ねたときテキストとの関係の設定（背面・前面）ができますよね。 EXCELの場合は、セルに入ってるデータの上にオートシェイプを置いた時、テキストがオートシェイプの前に来るという概念はありませんよね？それはやはり「セル」というものが特殊なものだからですか？オートシェイプの塗りつぶしをなしにするか、透明度を高くして、セルの文字が見えるようにするしか方法はないんですよね？「なぜ？？」と理由を聞かれたらどう説明してあげるのが適当ですか？
オートロックについて

オートロックについて数日前から外泊してました。さっき帰ってきたらオートロックがかからず誰でも出入りできる状態になってました！これじゃ、オートロックの意味が全くないです。これって管理会社に連絡した方がいいのでしょうか？
cssのmarginについて教えてください

cssのmarginについて教えてください cssを使い、一般的な1カラムのサイトを制作しています。外枠を組む所までは上手く行ったのですが中身を入れるとfirefoxで表示した時、上部分に変な余白が出てしまいました。 IE7では問題なく表示されます。色々と試した結果、中の要素のmargin（下記におけるdiv#header pの部分）が外枠にも影響を及ぼしているんだろうと予測しているのですが、対処方法が解りません。（この場合、headerの上部に30pxの空白が出来てしまいます。main等で試しても同じことになりました。） marginを0にする、または<p>や<div>で囲わずに「あいうえお」と書けば余白は出ないのですが、そういう訳にもいかず・・・。試しに<h1>で囲んだり、idではなくclassで囲んでみたりしたのですが結果は変わらず、 <div>ではなく<span>で囲むと余白はでない変わりにmargin自体が無効状態になってしまいました。それともこういう場合、div#header p部分のmarginがdiv#headerにも適用されるのは当たり前の事で、私の考え方が間違えているのでしょうか？ div#header pのmarginが影響してるのだとしても、上にだけ影響が出て左右には影響がないことにも首をひねっています。独学でやってきたので曖昧な部分が多く、質問も上手く文章に出来ず申し訳ないのですが詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。 ---------------------------------------------------------------------- div#box {background-color: #ffffff ; width : 850px ; margin : 0 auto ; min-height: 100% ; position:relative ;} div#header {background-image: url(image/back-header.gif) ; width : 850px ; height : 90px ;} div#menu {background-image: url(image/back-menu.gif) ; width : 850px ; height : 45px ;} div#main {background-image: url(image/back-main.gif) ; background-repeat: no-repeat ; background-position: top ; width : 850px ; padding-bottom: 25px ;} div#footer {background-image: url(image/back-footer.gif) ; width : 850px ; height : 25px ; position: absolute ; bottom: 0px ; } --------------------------------------------- div#header p {font-size : 0.9em ; margin: 30px ;} ---------------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <body> <div id="box"> <div id="header"><p>あいうえお</p></div> <div id="menu">省略</div> <div id="main">省略</div> <div id="footer">省略</div> </div>
CSSのmarginとpadding

テーブルの指定で以下のように指定しています。この場合、 1.760pxのテーブルで右1pxの線をしていますが、この場合、中に入れる画像（その他のピクセルサイズ指定）は759pxまでにしなければいけませんか？ 2.marginでなく、paddiingで指定した場合も教えてください。 table.top { border-style : solid ; 　　border-width : 0 1px 0 0; 　　border-color : #333333; 　　margin-top: 5px; 　　margin-right: auto; 　　margin-left: auto; 　　margin-bottom: 0; 　　width: 760px; }
オートシェーブ

オートシェーブについて教えてください。エクセル２００３を使用しております。オートシェーブを数種類作成しました。印刷プレビューの画面表示と、印刷される内容が異なります。たとえば、上にある画像を塗りつぶしの透明度を５０％に指定し、下にある図形に重ね合わせた場合、下にある画像が透けて表示されているのに対し、印刷すると透明では無く、塗りつぶされて印刷されます。何方か、御指導下さい。
オートフィルの語源

オートフィルの語源は何でしょうか？ autoは判るのですが…、フィルは何を意味してるのでしょう？
エクセル　オートシェイプ

こんばんは！エクセルのオートシェイプについての質問です。会社の稟議書を作成していて、上のほうに、オートシェイプで部長や課長のハンコを押す欄を作ろうと思ったのですが、うまくいきません・・・エクセルで罫線を引いて、セル内に文字を入れるのは簡単なのですが、オートシェイプで作成する場合は、どのようにしたらよいでしょうか・・・四角形を挿入して、縦に二本オートシェイプで直線を引いて、横にも一本オートシェイプで直線を引いて、それをグループ化したまではよかったのですが、テキストをどのように入れたらよいのか分かりません・・・右クリックしても、テキスト追加できず、悩んでいます・・・どなたかお分かりでしたら、お願いいたします。
font-size: 0.1emの意味は？

movable typeでブログを立ち上げようと思っています。 cssを書き換えているんですが、「font-size: 0.1em」の意味はわからなくて困っています。「font-size: ○px」とはどう違うのでしょうか？フォントサイズをより小さくするにはどうしたらよいのでしょうか？
オートクチュール

こんにちは！最近ファッションに興味を持ち始めたんですが色な雑誌に出てくる『オートクチュール』という言葉。どうゆう意味なんですか？自製って意味ですか？どうかよろしくお願いします。

margin: 0em auto 0em auto;

質問者が選んだベストアンサー

お礼 2005/09/19 10:36

関連するQ&A

[CSS]marginとpaddingについて

chromeでmargin:0 autoが効かない

max-margin-leftのようなもの

オートとプログラムオートの違い

marginが効いてくれません。

CSSでmarginに関して

footerのmarginが適用されません

CSS　配置　Absolute、Margin

【css】marginについて質問です。

CSSで左右マージンをautoにすると、heightのautoが効かなくなるのですが・・・

標準モードでのheight:100%,auto

EXCELのオートシェイプについて

オートロックについて

cssのmarginについて教えてください

CSSのmarginとpadding

オートシェーブ

オートフィルの語源

エクセル　オートシェイプ

font-size: 0.1emの意味は？

オートクチュール

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

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

margin: 0em auto 0em auto;

質問者が選んだベストアンサー

お礼 2005/09/19 10:36

関連するQ&A

[CSS]marginとpaddingについて

chromeでmargin:0 autoが効かない

max-margin-leftのようなもの

オートとプログラムオートの違い

marginが効いてくれません。

CSSでmarginに関して

footerのmarginが適用されません

CSS 配置 Absolute、Margin

【css】marginについて質問です。

CSSで左右マージンをautoにすると、heightのautoが効かなくなるのですが・・・

標準モードでのheight:100%,auto

EXCELのオートシェイプについて

オートロックについて

cssのmarginについて教えてください

CSSのmarginとpadding

オートシェーブ

オートフィルの語源

エクセル オートシェイプ

font-size: 0.1emの意味は？

オートクチュール

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

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

CSS　配置　Absolute、Margin

エクセル　オートシェイプ

カテゴリ
一覧

専門家に質問してみよう
専門家登録