2011-12-21 4 views
0

Привет, может кто-нибудь скажет мне, что случилось в приведенном ниже коде? Попытка сделать всегда видимым DIV.Всегда видимый DIV Не работает

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> 

<head> 

    <title>Always Visible Div</title> 
    <style type="text/css"> 
    .alwaysVisible { 
     position: fixed; 
     left: 10px; 
     top: 180px; 
    } 
    </style> 
</head> 
<body> 
    <div class="alwaysVisible"> 
     Top Left 
    </div> 

    <div style="height: 2000px; text-align: center; vertical-align: middle;" > 
     <p> 
      Always visible sample</p> 
    </div> 

</body> 
</html> 

Спасибо

+0

Доктрика предшествует открытию тег. – Pierre

+0

Даже я пробовал теперь также .. удаленный doctype. Но не повезло :( – jestges

+1

Оба divs всегда видны. Http://jsfiddle.net/UhMBe/1/ – Pierre

ответ

2

Ваш код работает отлично в хром и светлячок, я нашел этот вопрос в IE9, на некоторых прибегая к помощи обнаружили, что наличие доктайп работает, вы можете попробовать положить

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 

Этот заставит IE работать в режиме quirks и там, исправляя вашу проблему.

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