外部ファイルにすると枠線が崩れます・・・



0   名前: こうじ : 2007/02/25(日) 18:19  ID:z30mAXGi sub-t1
おかしな現象で困っています。

HTMLファイル内にCSSファイルも入れていれば
枠線も崩れないのですが
何故かCSSファイルを外部ファイルにすると
一部の枠線がNetscapeやFirefoxでは崩れてしまうのです・・・
(IE6だと大丈夫なのですが・・・)

<link rel="stylesheet" href="index.css" type="text/css">
と外部ファイルの場合はHTMLに記入しています。

崩れる箇所のCSSは
.mokuji10 {
height: 219px ! important; /* ie以外での縦を指定 */
width: 237px;
    height: 218px;
      border: 1px solid #ff69b4;
float: left;
}

です・・・

外部ファイルにすると「important;」が働いてくれないようなのです。
どこをどう手直ししたら良いか
どこにどういう記述を加えたら良いかご指導ください。お願いいたします。


1   名前: 元帥 : 2007/02/25(日) 18:19  [URL]  ID:GQaajLPH sub-bK
> 外部ファイルにすると「important;」が働いてくれないようなのです。
つまり、指定した高さが適用されてしまい、219ピクセルになってしまうという状況なのですね?
実際は218ピクセルにしたいのですか?

というか、>>0だけでは確認のしようがないので、現象が発生する必要最低限のコードを貼ってくれれば、誰かが検証してくれるかもしれません。

2   名前: こうじ : 2007/02/25(日) 18:19  ID:z30mAXGi sub-t1
>元帥さんへ
元帥さん、ご返答ありがとうございます。
IEでは218pxの高さで反映されるのですが
Netscapeなどだとボックスが崩れるため
「important;」で219pxとし、調整しました。

先日までは全く枠線とか崩れてなかったのですが
何故か今日たまたまNetscapeとかで見たら崩れてまして・・・・・・
「important;」が何故か反映されてない状態です。

僕が知りたい点は「何故HTMLファイル内にCSSファイルも入れていれば崩れないのに
CSSファイルを外部ファイルにしたら崩れてしまうというのか」という点なのですが
曖昧な質問で申し訳ありません・・・・・・

もうちょっといじくってみます。

一覧へ戻る