margin て、難しいんだよね…
- 2004-07-09 02:06
- Webページデザイン
- comments (6)
- trackbacks (0)
- E
いい加減あっちのスレも助け合い
の域を逸脱しつつあるので、こちらでぼやこう。
CSS の margin 特性ってのは、結構難しいんですよね。私もサンプルを見て、自分でやってみて、CSS2 の仕様書の該当箇所を5遍くらい読んで、やっとなんか分かった気がしてるところです。
一度理解すると大体こうなるはず
という結果が予想できるようになるんだけど、理解するまでが大変〜。何で拡げても拡げてもサイズが変わんないの?!
とかぶち切れそうになってしまう。JUGEM 公式のCSS 講座
では margin は解釈が曖昧
とか言ってるけど、別に曖昧なわけではない。でも、margin = ○○、という公式に当てはまる一語はとてもじゃないけど見つけられないって気がする。
いやーしかし今日は疲れた。なんかムキになっていっぱい答えてた。…いつものことか。もう寝よ。
Received Comments(投稿順)
floatを使った時、position: absoluteあるいはrelativeを使った時、さらにinlineとblockでの違い等々。
逆に言えば、その要素がどのように配置されるのか?ってのを理解すればmarginはさほど難しくないような気がします。
どうも、ある界隈では物議を醸しまくっておられますが(笑)
お疲れ様です。
margin の考え方は、ある意味柔軟で使いやすいと思うんですけど、見た目にすっと入ってくるものじゃないですね。
個人的には border を指定した時としない時に嵌ったりします…
☆ sixx さま
どうもいらっしゃいませ。
ええ、でも、ソースを見せて頂けるならまだましなんですよ。ソースは嘘つかないので…
指摘事項がいっぱいあると「どこまで直すかな〜」と思ったりしますが。
1行か2行で「画像が貼りたいんですが」とかいうのが一番厄介(笑)
こちらには初めてお伺いします。
昨夜は大変余計なお手間を取らせてしまい申し訳ありませんでした。
全く私の知識の欠落に起因することで、 重ねてお詫び申し上げます。
「左に600pxの空隙を設定」
では無かったのですね。
(margin:0px 0px 0px 600px; と等義だと思ってました)
全くお恥ずかしい次第です。 御不快に感じられたこととも思いますが、
どうぞお許しの程を。
そして今後とも宜しく御指導の程お願い申し上げます。
どうも、ご訪問ありがとうございます。
気持ち的にはすっきりしてますので、どうぞお気になさらずに。
とかいいつつひっぱっちゃいますが(^^;
margin-left: 600px; は「左に 600px の空隙を設定」ではあるのですよ、間違いなく。
ただ、float されている要素に隣接すると単純な「余白」として働くだけではなくなります。その辺は CSS2 の仕様書に定義されているので、よろしければ読んでみて下さい。
LINK (www.y-adagio.com)
さすが「教科書」でなく「仕様書」。市販本とかと比べると
物凄く記述が難解ですが、頑張って勉強させていただきます。
ありがとうございました!