解決済
<span>で内側の余白が出来ません。
以下のページを見てもらうと分かると思うのですが、テーブルの中に入れたときと入れていないときとで、topの余白が違っています。
Firefoxで見ると同じなのですが、
IE6で見ると、テーブルに入れてある<span>のpadding-topだけが、全然機能していません。
素人っぽい質問の仕方で、すみません。
ブラウザによって、あきらめるべきことなのでしょうか。
2007-07-09 17:34の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(4)
6.
2007-07-09 22:16:17
どうも内枠に制限がかかっているみたいです。
個人的には
単純なブロックならtableではなくdivタグを使うことをお勧めします。
TABLE{
line-height : 290px;
}
とCSSに追加してみてはどうでしょうか。個人的には
単純なブロックならtableではなくdivタグを使うことをお勧めします。
追加してみたら、直りました！！！
何で直るのだろう。。。と原因が分からずにいますが。
<div>タグでのデザイン、何度か挑戦していますが未だに身になっていません。何でだ……といつも思う通りにならずに。。。結局、楽な<table>を使ってしまっています。
1.
2007-07-09 18:27:11
3.
2007-07-09 19:03:20
下の「毎日リンク」のspanタグを外しても変化はありません。
つまり両方とも<span>は死んでいます。
何をされたいのかがよくわからないのですが、
細かなレイアウトを必要とする場合、
私はテーブルを多用することにしています。
このサンプルのケースで言えば、そもそも左にも上にも余白が組み込まれており、左と上のマージンをゼロ指定するところから始めなければいけません。
つまり両方とも<span>は死んでいます。
何をされたいのかがよくわからないのですが、
細かなレイアウトを必要とする場合、
私はテーブルを多用することにしています。
このサンプルのケースで言えば、そもそも左にも上にも余白が組み込まれており、左と上のマージンをゼロ指定するところから始めなければいけません。
5.
2007-07-09 21:23:41
私はマックの使い手ですがＩＥ5.2ではおっしゃる通り正常に表示されますしSafariでもFirefoxでも同様に表示されます。
確かにブラウザによっては受け付けないタグがありますので、私の場合、このようなケースでは可能な限り特殊タグの使用を避け、gif画像に置き換えることで解決しています。
直接的な答えにはなりませんが、ＩＥの場合、後発のブラウザにもかかわらず数にものを言わせ、独自の標準を造り上げる傾向が強いようです。
そこで、マック派の私は、可能な限り特殊タグの使用を避け基本的なタグの使用だけに止め、問題を回避する習慣を身につけています。
確かにブラウザによっては受け付けないタグがありますので、私の場合、このようなケースでは可能な限り特殊タグの使用を避け、gif画像に置き換えることで解決しています。
直接的な答えにはなりませんが、ＩＥの場合、後発のブラウザにもかかわらず数にものを言わせ、独自の標準を造り上げる傾向が強いようです。
そこで、マック派の私は、可能な限り特殊タグの使用を避け基本的なタグの使用だけに止め、問題を回避する習慣を身につけています。
シンプルにデザインすることが大切ですね。
Ads By Google
コメント(4)
#1. はるた
2007-07-09 18:36:09
余白を20pxにしてみたので、明確になってきたかもしれません。
全く同じ<span>なのに見え方が違います。
スタイルシートファイル
http://trhs.cc/newstyle.css
#2. はるた
2007-07-09 19:14:40
http://trhs.cc/1.JPG（参考画像）
すみません。何だか混乱しています。
やりたいことというのは、上の「毎日リンク」でも、下と同じように、
文字の周りの、青い余白が均等になるように作りたいのですが。。。
#3. imq
2007-07-09 22:29:04
補足です。
＞内枠
テーブルの内枠のことです。
＞tableではなくdivタグがお勧め
テーブルはタグが煩雑だし、
スタイルの継承という点でも使い勝手が今一つですね。
CSSベースでレイアウトをするなら、
できるだけ使わないように心掛けた方がいいですよ！
#4. imq
2007-07-10 17:11:21
無事にできてよかったですね！
ベターありがとうございました。
高さの制限がかかってしまっていたのは、
table内のline-heightにデフォルト値が
暗黙のうちに設定されているからでしょうかね。
だから下位の要素spanでいくら高さを増やしても、
上位の要素tableで行の高さを制限されてしまって
それ以上は増えなかったのだと思います。
