2013-06-16 3 views
0

JavaScript 또는 Jquery를 사용하여 화면 하단에 DIV를 배치 할 수있는 사람이 있습니까? 차트를 만들어서이 DIV 안에 텍스트 영역을 배치해야합니다.jQuery 또는 JavaScript로 div를 배치하는 방법

예컨대

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

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

목적은 맨 아래에 각각의 화면과 동일한 위치에 텍스트 영역을 표시 할 때 브라우저를 다시 크기의 진보에

감사합니다.

답변

4

바닐라 CSS의 솔루션, 자바 스크립트/JQuery와의 필요가 없습니다 :

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

JSFiddle주세요 : 오래된 IE뿐만 아니라 대부분의 모바일 브라우저 문제의 위치가 제대로 요소를 해결 한 것을 http://jsfiddle.net/HDQux/1/

+2

참고. 예를 들어, 오페라 모바일은 터치 엔드에서 페이지의 위치를 ​​변경하고 페이지를 아래로 스크롤하면 페이지의 위치를 ​​잘못 조정합니다 (~ 50px 아래쪽). –

+0

@JanDvorak 좋은 지적, 나는 모바일 전문이 아니므로 응답 – Cherniv

+0

로 게시하면 게시판에 올리면 좋을 것입니다. 통지가 정말납니다. – codefun

관련 문제