• ベストアンサー

NN4.7で・・・

スタイルシートで {font-size: 12px; line-height: 17px; font-family: "Osaka"} の指定をしているのですが、ネットスケープ4.7で見ると、font-size: 12pxは効いているのですが、line-height: 17pxの指定が効いていないテーブルがあります。 でも、line-height: 17pxのスタイルシートが効いている箇所もあり、スタイルシートの効く箇所、効かない箇所の区別が分かりません。 どなたか分かる方、よろしくお願いします。

  • HTML
  • 回答数6
  • ありがとう数10

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

  • ベストアンサー
  • shy00
  • ベストアンサー率34% (2081/5977)
回答No.3

line-heightについては↓を参照してください http://www.pugx3.com/bfi/html/howto/lineheight/

参考URL:
http://www.pugx3.com/bfi/html/howto/lineheight/
tsuyudaku
質問者

お礼

参考になりました。ありがとうございました。

その他の回答 (5)

noname#107580
noname#107580
回答No.6

No.5 で回答したyayopixです。 その後いろいろやってみたところ、前回回答した省略した記述ですと他のフォント指定のときに不具合があるようです・・。すいません。 一番上手くいった(ような気がする・・)のは、フォントファミリーを別にして指定すると良いようです。 <style type="text/css"> <!-- .aaa { font-size: 12px; line-height: 17px; } body { font-family: "MS Pゴシック", "Osaka"; } --> </style> こんな感じです。 それから、NN4.7ではフォントファミリーの指定は上手く行かないようです。

tsuyudaku
質問者

お礼

ありがとうとざいました。まだ解決にはいたりませんが、フォントファミリーの事は勉強になりました。

noname#107580
noname#107580
回答No.5

こんにちは! 私はそれほど(ほとんどかな?)CSS には詳しくないので原因は分かりませんが、 やってみたところ、NN4.7の場合フォントファミリーの指定が原因のような気がします。 (フォントファミリーの指定をはずすと効くようです) NN6 と7 はあっても大丈夫でした。 あとは、 <style type="text/css"> <!-- .aaa { font: 12px /17px Osaka } --> </style> この省略した記述の指定でしたら適応されました。 ただ、私の持っている書籍やいくつかのサイトを見る限り、そのような(フォントファミリーのこと・・)指摘をしているものはありませんでしたので、きっと原因は違うんでしょうね・・。 一応、少しでも役に立つかと思い回答させてもらいました。 中途半端ですみません・・・。

noname#21343
noname#21343
回答No.4

><font>にスタイルシートを当てているのですが ――って、意味がよく分からん(^^ゞ。 スタイルシートって、『セレクタ{属性:価;}』--って記述スタイルでしょ。 だから、 >{font-size: 12px; line-height: 17px; font-family: "Osaka"} ――は、 font-size という属性に「12pt」という値を与えていて、以下同様に line-height は17px、 font-family はOsaka --と設定しているって事だけど、肝心のセレクタがわからない。 で、font は「属性」であってセレクタではありません。もう一度、指定を確認して下さい。

tsuyudaku
質問者

お礼

勉強不足かもしれません。ありがとうございました。

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.2

これは憶測に過ぎませんがTABLタグにこのCSSを当てていませんか?NN4.7ではTEBALタグに当てても「line-height」は適応されません。FONTに当ててみてください

tsuyudaku
質問者

お礼

いい方法見つかったらよろしくお願い致します。有り難うございました。

tsuyudaku
質問者

補足

<font>にスタイルシートを当てているのですが、line-heightが効きません。 テーブルタグにスタイルシートは使っていないのですが。。。

noname#21343
noname#21343
回答No.1

例えば、 <span> <table> <tr> <th> ――などは、NN4.7 では line-height は適用されません。 あとは、html 自体の記述が間違っているとか。 スタイルシート辞典などの本を1冊、手元に置いておくことをおススメします。

tsuyudaku
質問者

お礼

もうちょっと頑張ってみます。有り難うございました。

tsuyudaku
質問者

補足

もちろん、記述ミス等のチェック済みなのですが、一部のline-heightのみ適用されません。。

関連するQ&A

  • 一部のパソコンでスタイルシートが読み込まない

    こんにちわ 以下のスタイルシートを使っていますが一部のパソコンで読み込みにいかないような現象が起こっています。 相手のブラウザーはインターネットエクスプローラの6でOSはXPです。 サイトフォルダ内にCSSフォルダーを設けてその中のスタイルシートをいれています。 HTMLソース <LINK rel="stylesheet" href="css/body.css" type="text/css"> スタイルシート↓ h1 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; color:#FFFFFF; } h2 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } h3 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } h4 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } STRONG { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } em {font-size:12px;line-height:12px;font-weight : normal;normal;margin:0px;} .t0 {font-size:10px;} .t0h12 {font-size:10px;line-height:12px;} .t0h14 {font-size:10px;line-height:14px;} .t0h16 {font-size:10px;line-height:16px;} .t1 {font-size:12px;} .t1h14 {font-size:12px;line-height:14px;} .t1h16 {font-size:12px;line-height:16px;} .t1h18 {font-size:12px;line-height:18px;} .t2 {font-size:14px;} .t2h16 {font-size:14px;line-height:16px;} .t2h18 {font-size:14px;line-height:18px;} .t2h20 {font-size:14px;line-height:20px;}

    • ベストアンサー
    • HTML
  • FireFox3.5.3でfont-familyが効きません

    FireFox3.5.3で全くfont-familyが効かないのですが、 何か設定があるでしょうか。 使ったhtml --------------------------------------------------------------------------- <html> <head><title>書体テスト</title></head> <body> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS P明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS 明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:serif;"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;"> フォントのテスト </div> </body> </html> --------------------------------------------------------------------------- 各種ブラウザで確認しましたが、FireFoxだけ全くfont-familyが効きません。テスト結果は添付のとおりです。 FireFoxの設定は、オプションのコンテンツ・フォントと配色は「メイリオ」で詳細設定は以下のとおり   プロポーショナル:ゴシック   明朝体:MS P明朝   ゴシック体:メイリオ   等幅:メイリオ よろしく、お願いします。

    • ベストアンサー
    • HTML
  • webデザイン font関連のcss

    web制作初心者です。初歩的な質問失礼いたします。 テキスト関連のcssについてわからないことがいくつか出てきたので質問させてください。 1. よくline-heightの指定で単位をつけていないのを見かけるのですが、単位をつけないで指定する理由をわかりやすく教えていただけないでしょうか? 2. body要素にfont-family / color / font-size / line-height などの全体へのテキスト関連のプロパティを指定しておいて、あとは必要になれば個別にスタイルを指定していく。 という認識でいるのですが、この考え方は間違っていますか? 3.  IEで文字サイズの変更が効かないことから、font-sizeには%指定を使おうと思っている   のですが、プロの現場では%指定は定番なのでしょうか?    また、pxやptではなく%指定する際の注意点があれば教えてください。 4. font-sizeへの%指定とpx指定が混在しているサイトをよく見るのですが、どういった理   由なのでしょうか? どなたかご教授いただけないでしょうか?どうかよろしくお願いいたします。   

    • ベストアンサー
    • CSS
  • 文字サイズについて教えてください。

    文字サイズをユーザー側で変更できるように、 指定をemにしているのですが、 ユーザー側で、文字のサイズを 「中」から「大」にすると、いきなり大きくなって しまいます。 ほんの少しだけ、大きくなってほしいのですが。 そのようなことをコントロールすることは可能でしょうか? 文字サイズのCSS font { font-size: 0.75em; line-height: 1.4em; font-family: "MS Pゴシック" } .font4 { font-size: 1.15em; line-height: 1.3em; font-family: "MS Pゴシック" } .font3 { font-size: 0.9em; line-height: 1.4em; font-family: "MS Pゴシック" } .font2 { font-size: 0.65em; line-height: 1.3em; font-family: "MS Pゴシック" } .font2n { font-size: 0.65em; font-family: "MS Pゴシック" } .font1 { font-size: 0.55em } textarea,input,select { font-size: 12px } .search { width: 124px; } よろしくお願いいたします。

  • CSSで文字サイズを指定するとWINでは固定なのに…

    CSSで文字サイズを指定するとWINでは固定なのに MACではブラウザで文字サイズを変えると サイズが変わってしまうのです。 MACでも固定する方法がわかりません。 教えてください。 ドリームウエヴァ-で作って 外部ファイルにしていて a { font-family: "MS Pゴシック", "Osaka"; font-size: 11px; text-decoration: none; } p { font-family: "MS Pゴシック", "Osaka"; font-size: 14px; line-height: 18px; text-decoration: none; color: #666666; letter-spacing: 1px; } です。 どこがおかしいのでしょうか?

    • ベストアンサー
    • HTML
  • CSSでテーブルボーダーを表示させたいのですが・・

    スタイルシートを使用したテーブルのボーダー表示について質問です。 スタイルシートで下記テーブルボーダー表示設定をしたところ、 IEでは表示されるのですが、Netscape7.0ではボーダーが全く表示されません。 table.01 {FONT-SIZE: 12px; border-collapse : collapse ; border-width : 1px 0 0 1px ; border-style : solid ; border-color : #37503D ; background-color:#FAFFFB;} table.01 td {border-width : 0 1px 1px 0 ; border-style : solid ; padding : 5px ; line-height:120%;} 現在調べているところですが、お解りになるかたがいらっしゃれば是非教えていただけないでしょうか。 どうぞ宜しくお願い致します。

    • ベストアンサー
    • HTML
  • フォントサイズがaタグで囲うとだと元に戻る

    すみません。なぜかわからず困っています。よろしくお願いします。 .navi{ text-align:right; font-size:x-small; padding:5px; } で、.naviの中のテキストはx-smallになるのにaタグで囲ったテキストの部分のみ元々のsmallサイズのテキストになってしまします。 aタグを指定して font-size:x-small;とすると表示がxxx-small位になって読めなくなります。いったいなぜなのでしょうか・・・ *{ margin:0px; padding:0px; font-style:normal; font-family: Osaka,Geneva,Arial,Helvetica,sans-serif; font-size:small; line-height:1.5; list-style:none; }

  • 2beeブログで行間と文字の間隔を指定したい

    みなさん、こんにちは。 私は2beeのブログを利用しているのですが、行間と文字の間隔をCSSで空けようとすると、改行がおかしくなってしまいます。ちなみに私のヘッダーに打ったタグは… <style type="text/css"> <!-- H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px;}--> </style> の2種類です。また、これを使わずに、ボディに <span style="font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;"><!--body--></span> と打っても、行間が揃わず、改行も上手くいきませんでした。 とても困っているので、いい方法がありましたら、ご回答おねがいします。

  • フォントサイズと行間

    フォントサイズと行間についてご質問します。 フォントサイズ12px。文字上下に3pxのアキをとり行高18pxとする場合、 スタイルシートは下記ようになると思います。 font-size: 12px; line-height: 1.5 フォントサイズが13pxで文字の上下に4pxのアキをとり行高21pxとする場合、line-heightは21/13=1.61538462と計算されます。 font-size: 13px; line-height: 1.61538462 このように小数点以下が多い場合でもスタイルは正常に動作するのでしょうか(ちなみに13pxで行高19の場合1.46153846になります)。 普段、YUI 2: Fonts CSSを利用しております。デフォルト(100%)は13pxです。文字の上下に4pxのアキをいれ、行高を21pxに設定したいと思っております。その場合 font-size: 100% line-height: 1.61538462 というのは正常に動作するのでしょうか。

    • ベストアンサー
    • CSS
  • DreamWeaver CS3でメールマガジン用のHTMLを作業してま

    DreamWeaver CS3でメールマガジン用のHTMLを作業してます。 前任者が作ったベースで作業してるので、制御がさっぱりわかりません。 CS以前のゴーライブでの作業は普通に出来ます。 今、格好悪いなぁと思っているのは フォントをさわるたびにStyleが増えてしまっているんです。もうすぐ100近い。 それがメールで一斉に配信されるのがやりきれません。 CSS?、スタイルシート? できれば、タイトル、見出し、本文、色変え文字3パターンくらいに納めたいのです。 headのコピペを途中までですが下に貼ってみました。 教えて下さい。よろしくお願いします。 <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style type="text/css"> body { font-size: 0.9em; } font { font-size: inherit; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; } p { font-weight: inherit; font-style: inherit; } a, a:link, a:visited { color: #f00; text-decoration: none } a:hover, a:active { color: #fff; background-color: #f00; text-decoration: none; } td {text-align:left;} .bunsho { padding: 4px;text-align:left; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt { font-size: 12px; } .style17 {font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"} .style1 { font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: small; } .style2 {font-size: small} .style3 { font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; font-size: small; } .style4 { font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: medium; } .style22 { color: #FF0000; font-weight: bold; } .style24 { font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; font-weight: bold; color: #FF0000; }

専門家に質問してみよう