2011-06-26 2 views
0

Недавно я начал изучать некоторые css ... и я застрял на некоторых основных препятствиях.Неверное свойство Top и Left! Зачем?

Я не могу получить верхнее и левое свойства для работы на этой основной странице, которую я создавал.

Ниже приведен весь код этой страницы ... все свойства работают, кроме верхнего и левого.

<!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

+1

Ну, с одной стороны у вас есть ':' вместо ';' в конце ваших двух '' слева направо деклараций. – joelhardi

+0

Joe. Что я могу сказать ... Я слепой. Спасибо огромное! =) Я исправлю проблему. – MonuMan5

+0

Если вы создаете веб-страницу и на самом деле не используете xml, то html5 doctype более подходит, поскольку нет смысла использовать xhtml, и вы, вероятно, не будете отображать страницу как таковую. – djlumley

ответ

4

Вы колоны после оставили вместо запятой

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

http://jsfiddle.net/PckBd/ похоже, что это исправление. Это, и если «-» тире на самом деле находятся в коде, избавиться от них тоже. – djlumley

+0

\t <тип стиль = "текст/CSS"> \t \t #firstdiv {граница: 2px сплошной красный; \t \t \t \t \t позиция: абсолютная; \t \t \t \t \t наверх: 15px; \t \t \t \t \t слева: 25px;} \t \t \t \t #seconddiv {границы: 2px твердое зеленое; \t \t \t \t \t позиция: абсолютная; \t \t \t \t \t наверх: 65px; \t \t \t \t \t слева: 5px;} \t

This is my first div
This is my second div
MonuMan5

+0

извините, забыл включить доктайп в верхней части. MonuMan5

Смежные вопросы