上部と左のプロパティが機能していません！どうして？

私は最近、いくつかのCSSを学びました...そして、私はいくつかの非常に基本的なハードルについています。上部と左のプロパティが機能していません！どうして？

私が作成していたこの基本ページで動作する左上のプロパティを取得できません。

以下は、そのページのすべてのコードです。すべてのプロパティは、上端と左端を除いて機能します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
    <style type="text/css"> 
     #firstdiv {border: 2px solid red; 
        position: absolute; 
        top:15px; 
        left:25px:} 
       #seconddiv {border: 2px solid green; 
        position: absolute; 
        top:65px; 
        left:5px:} 
    </style> 
</head> 
<body> 
<div id="firstdiv">This is my first div </div> 
<div id="seconddiv">This is my second div</div> 
</body> 
</html>

この問題に関するお手伝いをさせていただきます。 = D

出典

2011-06-26 MonuMan5

を左にコロンがあります：'ではなく 'の;'あなたの2 '左の終わりに：'宣言を。 – joelhardi

Joe。私は何を言うことができます...私は盲目です。どうもありがとうございます！ =）問題を解決します。 – MonuMan5

Webページを作成していてxmlを実際に使用していない場合は、xhtmlを使用する理由がないため、html5 doctypeが適切です。おそらくページをそのようにレンダリングすることはありません。 – djlumley

あなたは後にあなたが持っている一つのこと `のために、まあ代わりにセミコロンの

#firstdiv { 
    border: 2px solid red; 
    position: absolute; 
    top:15px; 
    left:25px; 
} 
#seconddiv { 
    border: 2px solid green; 
    position: absolute; 
    top:65px; 
    left:5px; 
}

出典

2011-06-26 23:47:36 eagle12

http://jsfiddle.net/PckBd/それは修正のようです。それと、 ' - 'ダッシュが実際にコード内にある場合は、それらも取り除きます。 – djlumley

\t <スタイルタイプ= "テキスト/ CSS"> \t \t #firstdiv {ボーダー：2ピクセル赤色固体。 \t \t \t \t \t位置：絶対; \t \t \t \t \t top：15px; \t \t \t \t \t左：25ピクセル;} \t \t \t \t #seconddiv {ボーダー：2ピクセル緑色固体。 \t \t \t \t \t位置：絶対; \t \t \t \t \t top：65px; \t \t \t \t \t左：5pxの;} \t

This is my first div

This is my second div

– MonuMan5

申し訳は、上部にDOCTYPEを含むことを忘れてしまいました。 <！DOCTYPE html PUBLIC " - // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> – MonuMan5

上部と左のプロパティが機能していません！どうして？

答えて

関連する問題