CSS、スタイルシート質問スレッド【4】

このエントリーをはてなブックマークに追加
727Name_Not_Found
NN6では<p>タグ内の<sup>の位置が極端に上に行くんですけど
CSSで上手く調整できないでしょうか?
フォントが日本語のときにそうなります。
728Name_Not_Found:01/10/08 22:17 ID:gdd/KWLA
>>727
これはだめ?

sup{position:relative;top:4px;}
729Name_Not_Found:01/10/08 22:20 ID:gdd/KWLA
IEで下がりすぎる
730Name_Not_Found:01/10/08 23:01 ID:e/Vp7zjE
sup {
vertical-align: 50%;
}
とか、調整すれば良いんじゃない?
ていうか、vertical-alignの使い方を知らない人が多くて嫌だな。
ブロックレベル要素の垂直位置揃えじゃないっつーの。
あくまで行レベルの垂直位置調整なのに。
731Name_Not_Found:01/10/09 00:01 ID:9B3iUaGM
>>730
それだとIE5とNN6で異なってしまうんです。
732Name_Not_Found:01/10/09 00:17 ID:9B3iUaGM
取り敢えず、こんな感じで出来ました。superscriptの部分は
日本語フォントではダメですが英語フォントでは上手く行きました。
まだ気持ち悪いですけど。IE5、NN6対応です。


<style>
span {
    font : 80% Verdana;
}
</style>
スマートではありません<span><sup>*1</sup></span>。
733Name_Not_Found:01/10/09 00:51 ID:35qwOcd2
sup {
font : 80% Verdana;
}

にしないの?span無駄だと思うけど。
734Name_Not_Found:01/10/09 00:59 ID:9B3iUaGM
>733
やってみればわかると思いますが、
NN6では正しく表示されないのです。

<style>
span {
    font : 80% Verdana;
}
sup#a {
    font : 80% Verdana;
}
</style>
スマートではありません<span><sup>*1</sup></span>。<br>
スマートではありません<sup id="a">*1</sup>。