2013-06-16 2 views
0

Есть ли кто-нибудь, кто может помочь мне разместить DIV в нижней части экрана с помощью JavaScript или JQuery? я создаю диаграмму, поэтому мне нужно разместить текстовое поле внутри этого DIV.Как разместить div с jQuery или JavaScript

например

<html> 
<head> 
    <style type="text/css"> 
    #txtMsg{ 
    width:780px; 
    height:150px; 
    margin:0 auto; 
    } 
    </style> 
</head> 

<div id='txtMsg'> 
    textarea here 
</div> 
</html> 

Цель состоит в том, чтобы отобразить текст-зона на каждом экране в нижней части и в том же положении, когда браузер повторно размера

Благодаря передовой.

ответ

4

решение Vanilla CSS, нет необходимости в JavaScript/JQuery:

#txtMsg{ 
width:780px; 
height:150px; 
position: fixed; 
bottom:0; 
right:0; 
} 

JSFiddle, пожалуйста: http://jsfiddle.net/HDQux/1/

+2

Обратите внимание, что старый IE, а также большинство мобильных браузеров позиционирование неприятности фиксированные элементы правильно. Например, Opera Mobile только репозиционирует их (w.r.t. the page) на сенсорном конце, и если вы прокрутите вниз, они неправильно их перепутают (~ 50 пикселей вниз). –

+0

@JanDvorak хорошая точка, я не специализируюсь на мобильных устройствах, поэтому будет хорошо, если вы опубликуете это как ответ – Cherniv

+0

спасибо, что сработало, и я действительно получаю уведомление – codefun

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