margin-topのIEとfirefoxの表示について

[新着] Webテンプレートを仮オープンしました



0   名前: mint : 2006/10/06(金) 17:57  ID:JpSyZOlN
CSSについて教えてください。
思うように表示が出来なくて困っております。




#big {
margin: 0px;
padding: 0px;
width: 150px;
background: #000000;
height: 150px;
}

#small {
margin: 5px;
padding: 0px;
height: 140px;
width: 140px;
text-align: center;
background: #FFFFFF;
}


これをhtmlで次のようにします。

<div id="big">
<div id="small">
</div>
</div>


これでしたら、IEのほうでは、bigの中にきちんと#smallが収まっていて、
#smallのマージンも上下左右きちんと5pxずつ取られていて、
結果的に見た目は#smallの周りに黒い5pxの枠(#big)があるような四角が出来上がります。(自分的に意図したのがこの形です)

ですが、firefoxで見ると、なぜか#smallのtopのマージンだけうまく反映されてなくて
#bigにmarginが反映されてしまうようになります。
結果的に、#smallの周りに出来るはずの5pxの枠は左右はきちんとできるのですが、
下に10pxの黒枠が出来て、上には枠は出来ず、#bigごと5px下に下がったような形になります。

どのようにしたら、firefoxでもちゃんとしたtop-marginの表示が出来るのでしょう?
(=IEのように表示できるのでしょうか?)

ちなみに、#bigか#smallにfloatで右か左を設定したら、IEでもfirefoxでも
キレイな形になります。
ただ、この方法が正しいのかわからなくて。

ご存知の方がいらっしゃいましたら、教えていただけますか?

1   名前: mint : 2006/10/06(金) 17:57  ID:JpSyZOlN
追記です。

以下にも同様の質問をしております。

http://oshiete1.goo.ne.jp/kotaeru.php3?q=2453051

よろしくお願いいたします。

2   名前: のっと : 2006/10/06(金) 17:57  ID:943Mtr/I
http://www.tagindex.com/bbs/note.html#h203
> 上記の条件を満たしている場合でも、相手先の掲示板でマルチポストが禁止されている場合には、その掲示板のルールに従ってください。

http://blog.goo.ne.jp/oshietegoo/c/2fd47a0436464f7e861d622ad803e8ab
> 質問者と回答者のやりとりが中心になりますので、お一人お一人がネチケットやマナーに気をつけてご利用ください。また、本サイト独自の運営ルールもございます。ルールやマナーに反した投稿は、運営サイドで削除させていただく場合がございます。ご了承ください。

> ・[マルチポスト]同一内容の質問を複数投稿すること

とあるので、「教えて!goo」の方でも何かしら適切な処理をするべきだと思います。

3   名前: mint : 2006/10/06(金) 17:57  ID:JpSyZOlN
大変失礼致しました。

マルチポストの件、私の不注意で投稿後に確認してしまい、
ただいまgooのほうにも対応しようとしているところです。

急ぎでこのような失礼なことをしてしまったことお詫び申し上げます。


4   名前: mint : 2006/10/06(金) 17:57  ID:JpSyZOlN
追記)
たびたび大変失礼致します。
gooの運営局のほうにマルチポストしてしまった旨、連絡しております。

こちらをご覧の方、回答してくださろうとした方に、
非常に深いな思いにさせましたこと、心よりお詫び申し上げます。

今後このような不注意がないように、くれぐれも注意いたします。

本当に失礼致しました。

5   名前: mint : 2006/10/06(金) 17:57  ID:bUmI.cYr
また、たびたび失礼致します。

この質問の件、gooのほうでご回答いただきまして解決することが出来ました。


このたびは、マルチポストにあたる行為をしましたこと、
大変お詫びいたします。

gooのほうにも、きちんと対応いたします。
大変失礼致しました。

6   名前: いいかげんにしろ : 2006/10/06(金) 17:57  ID:EHtYDpNv
GACにも、マルチ。
無対応。本当に失礼と思っているの?
本当に、お詫びしてるつもり?
GACの人はまだ、考えてるんだろうねぇ。

大した反省の仕方だねぇ。

7   名前: カヅサツ : 2006/10/06(金) 17:57  [URL]  ID:O5hEMlpW
> GACにも、マルチ。

どれ? 見あたらへん。
http://www.gac.jp/

8   名前: DevilX : 2006/10/06(金) 17:57  ID:OuFs94bZ
>>7

人のアラばかり拾ってないで、ネチネチやりな(w
ttp://www.gac.jp/article/index.php?stats=question&category=21&id=18934&command=msg

9   名前: カヅサツ : 2006/10/06(金) 17:57  [URL]  ID:O5hEMlpW
http://www.gac.jp/article/index.php?stats=question&category=21&id=18934&command=msg
別の質問じゃん。

10   名前: えじ ◆HtEaXt.II9 : 2006/10/06(金) 17:57  ID:WP1ytrfY
http://www.gac.jp/article/index.php?stats=question&category=21&id=18934&command=msg
上記のスレッドを拝見しましたが、質問内容は似ていると思います。(ざっと見た感じでは、少なくとも質問の目的は同じだと思いました。)

しかし、このスレッドは >>5 の時点で一旦終了しているので、TAG indexの立場としてはマルチポストと判断することができません。(GACさん側の立場からすると、また違ってくるとは思いますが)

11   名前: カヅサツ : 2006/10/06(金) 17:57  [URL]  ID:O5hEMlpW
>>10

つまり、似ているだけであっても >>6 のように「マルチポストと看做して注意すること」はアリだということですか?

> しかし、このスレッドは >>5 の時点で一旦終了しているので、

このスレッドが「終わっている」かどうかは関係ないと思いますけど?

mintさんは馬鹿なことを仕出かしたと思いますが、だからと言って、やってもいないこと(*)をさもやったかのように罵ることを許すってのは、ちょっとあんまりなのではないでしょうか。

(*) ひょっとしたらmintさんは GACにもマルチポストしていたかもしれません、ですがこの状況は(刑事法における)「推定無罪」と看做すべきかと思います。

12   名前: mint : 2006/10/06(金) 17:57  ID:Opq8tr/x
すみませんでした。これもマルチポストになってしまうのですね・・・。
http://www.gac.jp/article/index.php?stats=question&id=18934&command=msg

一旦TAGさんのは閉めたあとでして、また違う質問のつもりでしてました
GACさんのは、一緒に考えていた友人がしたものです。
私が一旦このような失態をしたので・・・
結果的にもっと失礼にあたったようなので・・・本当にすみませんでした。
GACさんのほうに連絡します。
重ね重ねややこしくして失礼しました。


13   名前: カヅサツ : 2006/10/06(金) 17:57  [URL]  ID:O5hEMlpW
はい。私の負けー!

14   名前: mint : 2006/10/06(金) 17:57  ID:Opq8tr/x
カツザツさま

すみませんでした。
マルチポストとは、同一人物でなくても、一緒に居た人間が一緒に考えて
違う掲示板に書き込んでもマルチポストになるんですね・・・。

ルールをわかっていないままに書き込んだ私たちの愚かさだと思います。

すみませんでした。

今回は多くの人に不快な思いをさせたと思います。
本当にすみませんでした。

15   名前: 五月雨 : 2006/10/06(金) 17:57  ID:q0XLEugU
質問者さんは恐縮されていますが、今回のケースは注意するほどの問題なんでしょうか…。

1. 「marginによる反映の違いを解消するには?」という質問をマルチポストする
2. マルチポストをお詫びし、双方の質問を閉じる
3. 「marginの相殺に対してどう対応するのが適切ですか?」とGACに質問をたてる

OKWave firefoxにおけるmargin-topの表示について【CSS】
http://okwave.jp/qa2453051.html?ans_count_asc=1
GAC なぜなにGAC->CSS->IE互換モードのwidthのpaddingの問題と、marginの相殺について
http://www.gac.jp/article/index.php?stats=question&category=21&id=18934&command=msg

同時に複数の掲示板に質問するのは問題ありですが、質問を閉じた上で別の掲示板で質問するのはマルチポストとは呼べないと私は思います。

また、1. の質問と 3. の質問は似ているようで違う質問です。
1. の質問では、原因が全く解っていない状況での質問でしたが、3. の質問は原因が解った上で、対応策のアンケートをとっているように見えます。
質問が発展しているわけで、有意義な質問に感じます。

初めのマルチポストにしても、丁寧にお詫びされていますし、私には気持ちの良い質問者さんに受け取れるのですが…。

16   名前: えじ ◆HtEaXt.II9 : 2006/10/06(金) 17:57  ID:WP1ytrfY
>>11
一応説明しておきますが、、
本人かどうかが微妙な場合は、できるだけ「ご本人ですか?」と確認するようにしています。
今回の場合、質問内容、ハンドルネーム、投稿時期、などからほぼご本人であると判断し、>>10 のようにコメントさせてもらいました。


>>12
TAG index側としては、GACさんでの投稿をマルチポストだとは判断していません(このスレッドを終了させていたので)。ですので、今回の件はこの掲示板的には問題ございません。
※ただ、GACさん側では、予め移動元のURLを提示しておいた方が良かったかもしれませんね(質問が発展していく過程を伝える意味で)。
また機会があればご利用ください。

17   名前: mint : 2006/10/06(金) 17:57  ID:1p2FKegF
>五月雨さま
レスありがとうございます。
こちらが大変な失礼したのにも関わらず、
丁寧なレスを頂きまして、うれしかったです。
今回は本当に至らぬ点が多すぎたこと、反省しております。
どうもありがとうございました。
同じミスを繰り返しませんよう、今回のこと、きちんと
心に刻み付けておきます。


>えじさま
このたびは、こちらの至らなさゆえに、
お騒がせしましたことを深くお詫びいたします。
これから、どのような場合でも、どの掲示板に質問するときも、
そこに至った流れなどきちんと説明の上、投稿させていただきます。
せっかくこのような便利で素敵な掲示板があるのに、
こちらの未熟さで、えじさま始め、皆様にはなにかとお手数をかけ、
不快な思いをさせてしまったこと、本当に失礼致しました。


一覧へ戻る