0

別のファイルのCSSに含めたいスタイルの次のHTMLコードがあります

<div id="leftPanel" style="background-color:grey;
                margin-left:7px;
                margin-top:7px;
                float:left;">
                <img src="images/fa.png">
            </div>

<div id="right" style="font-size:72%;float:left; margin-left:15px;margin-top:15px">
                Lorem Ipsum Text oder Claim<br>gerne auch mehrzeilig
            </div>

次のようになります。

ここに画像の説明を入力

スタイルを別の CSS に挿入しようとすると、次のようになります。

    #leftPanel {
   background-color:grey;
   margin-left:7px; 
   margin-top:7px;
   float:left;
}

そしてHTMLで：

<link rel="stylesheet" href="css/style.css"/>
<div id="leftPanel">
                <img src="images/fa.png">
            </div>

次に、位置が変更され、次の結果が得られます。

ここに画像の説明を入力

4

4 に答える 4

0

これは私にはうまく見えます。CSSファイルが正しく読み込まれていないという問題のようです。CSS ファイルが正しい場所に保存され、正しい ID スタイルが含まれていることを確認してください。

http://jsfiddle.net/zfdUw/1/ (これは Safari で動作しますか?)
HTML:

<link rel="stylesheet" href="css/style.css"/>  <!--Check to make sure the file is here-->
<div id="leftPanel">
            <img src="images/fa.png">
        </div>

<div id="right" style="font-size:72%;float:left; margin-left:15px;margin-top:15px">
                Lorem Ipsum Text oder Claim<br>gerne auch mehrzeilig
            </div>

CSS:

#leftPanel {
    background-color:gray;
    margin-left:7px; 
    margin-top:7px;
    float:left;
}
于 2013-09-05T23:47:19.027 に答える