div layer 위치 Javascript

승현

· 18년 전 · 조회 5488 5488 · 댓글 2 2

레이어 left,top .................................................

레이어 위치를 잡으려면 left,top 을 사용한다.

absolute에서 이 값을 사용하면 브라우저 창을 기준으로 위치를 잡기 때문에 기존 본문내용과 동 떨어져 따로 움직일 수가 있다. 특히 본문이 가운데 정렬일 경우 !!!

relative에서는 상위태그 기준이므로 상위태그내에서 항상 일정한 위치에 레이어가 놓이지만....

absolute 에서 레이어를 브라우저 기준이 아닌 항상 본문 내용의 일정한 부분에 위치시키고 싶다면 left, top 을 지정하지 않는게 좋은 방법이다!!!!!

■ absolute 에서 본문내용의 원하는 위치에 레이어 놓기

* 아래는 같은 레이어를 3개의 칸을 가진 테이블에 넣어본 것이다.
* table태그를 잘 활용하면 본문내용과 항상 일치하는 곳에 레이어를 사용할 수 있다.

* left ,top 설정 없음!

■ relative 에서는 본문내용 속에 레이어가 비집고 들어가므로 레이어 속의 내용이 그 사이에 들어와도 좋은 지를 보고 위치를 잡아야 한다.

* left,top 으로 상위태그 기준으로 위치를 줄 수 있다.

레이어 앞의 내용

레이어 뒤의 내용

레이어 앞의 내용

레이어 뒤의 내용

relative인 경우 아래 예제는 상위 태그인 td에서 left로 30, top 에서 30 떨어진 곳에 위치하게 된다.

left 값은 도움이 될 수 있지만 top 값은 내용과 이상한 배치가 일어날 수 있다.

[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

wooripet

프로필 보기 이 회원 글보기 이 회원의 댓글보기

18년 전

올.. 좋은.. 굿.. -_-;

garangnip

프로필 보기 이 회원 글보기 이 회원의 댓글보기

17년 전

잘 보고 갑니다. 처음 layer를 접하는데 큰 도움이 되었습니다.

게시글 목록

번호	제목	글쓴이	조회	날짜
12995	기타 [안전한 웹 코드 작성하기] #1. JavaScript Validation (자바스크립트 인증) 1	관리자	1,170	17년 전
12994	기타 .htaccess를 이용한 특정 디렉토리 접근 관리하기	ⓧ힘내세요	2,229	17년 전
12993	JavaScript [SQL]Delete문	자인	2,872	17년 전
29390	HTML [SQL]Update문 1	자인	4,054	17년 전
29389	HTML [SQL]Insert 문	자인	3,140	17년 전
12992	JavaScript [SQL]등록/수정/삭제 전에 알아둘 사항	자인	1,404	17년 전
12991	기타 [SQL]Table 변경하기	자인	1,705	17년 전
29388	HTML [SQL]Table 만들기	자인	2,235	17년 전
29387	HTML [SQL]SQL의 기초 (3)	자인	1,542	17년 전
29386	HTML [SQL]SQL의 기초 (2)	자인	1,714	17년 전
29384	HTML [SQL]SQL의 기초 (I) 1	자인	2,710	17년 전
29383	HTML [SQL]DATABASE의 구조	자인	2,134	17년 전
29382	HTML [SQL]Database 시스템 이란?	자인	1,787	17년 전
25079	마케팅 마케팅 전략 ppt자료 3	아름다운세상	4,193	17년 전
12989	MySQL php 에서 자바스크립트로 배열 보내기 1	홈이네	3,045	17년 전
12988	기타 이벤트 객체	관리자	1,433	17년 전
25070	견적서 간단한 홈페이지제작 견적서및 관리 견적서 8	아름다운세상	3,561	17년 전
12987	기타 간단한 날짜입력용 자바스크립트 달력입니다.	자인	2,791	17년 전
29381	HTML prototype.js 를 이용한 트리형식의 카테고리메뉴	자인	2,072	17년 전
12986	JavaScript 에디터로 작성한 게시물에서 특정태그없애기	자인	1,285	17년 전
12985	PHP 롤링배너객체 Rolling	자인	2,325	17년 전
12984	JavaScript 간단하게 만들어본 메일전송 클래스	자인	2,063	17년 전
12979	JavaScript 24시간 이내에 수정된 php 파일만 찾기 4	관리자	1,978	17년 전
12978	Flash 무툴즈를 이용한 플래시 비슷한 탑메뉴~~~	휴전합시다	1,918	17년 전
12977	기타 간단한 버튼 경고창 이동 표시.	샤이닝	1,168	17년 전
12973	PHP 썸네일 생성시 Sharpen 적용하기 - PHP 5.1 이상 3	skinartisanCOM	1,871	17년 전
12972	기타 심플한 레벨 아이콘^^ [매가패스님 것 개조(?)]	호와	2,925	17년 전
12971	기타 간단한 클릭 팝업 뛰우기.	샤이닝	1,426	17년 전
29380	HTML 클릭해서 이미지 팝업 뛰우기.	샤이닝	1,668	17년 전
12969	기타 필드 쪼갬. 한필드에 여러개 사용 1	샤이닝	1,352	17년 전
12968	Flash 플래시에 가려진 레이어 올려봅시다.	샤이닝	1,597	17년 전
12967	기타 이미지 버튼 클릭할때 생기는 테두리 ..	샤이닝	1,569	17년 전
29379	HTML 부끄럽네요. 로그인아웃 표시	샤이닝	1,443	17년 전
12965	기타 PHP 전역변수 1	자인	2,554	17년 전
12963	기타 PHP 배열변수 1	자인	2,320	17년 전
29378	HTML PHP 변수사용법	자인	2,104	17년 전
12962	기타 PHP 기본구조	자인	1,415	17년 전
12960	Linux 리눅스 자바설치 1	자인	2,425	17년 전
29377	HTML TAR명령. TAR압축묶기 압축풀기	자인	4,249	17년 전
12958	기타 리눅스 사용자 계정 생성 1	자인	2,736	17년 전
12955	MySQL ncftp 를 이용한 백업 스크립트 2	자인	1,657	17년 전
12954	기타 ftp 업로드 자동	자인	1,849	17년 전
12951	JavaScript 리눅스 시스템 시간 확인 및 시간 맞추기 2	자인	3,223	17년 전
12950	Linux 리눅스 한글 설정	자인	2,226	17년 전
12949	MySQL 리눅스 한글설정관련_locale	자인	3,820	17년 전
12946	MySQL 웹호스팅 사용자를 위한 계정관리 스크립트 2	자인	1,671	17년 전
12945	MySQL 사용자 계정 + mysql 계정 추가 스크립트	자인	2,265	17년 전
12941	MySQL 리눅스 mysql auto backup방법 3	자인	2,094	17년 전
12939	기타 리눅스 시간맞추기 1	자인	1,610	17년 전
12938	기타 리눅스 기본명령어들	자인	2,125	17년 전
12936	Flash javascript mini xhtml parser 1	letsgolee	1,921	17년 전
12931	기타 ASP강좌[1회차]강좌순서 4	자인	1,957	17년 전
29376	HTML 윈도우2003서버 관리	자인	3,069	17년 전
12928	기타 액티브 디렉토리 서비스 2	자인	2,143	17년 전
29375	HTML 전에 사이트제작할때 사용했던 소스입니다.	자인	1,432	17년 전
12927	JavaScript 간단한 텍스트 스크롤	자인	1,453	17년 전
12926	기타 브라우저 호환되는 여러가지 좌표값 구하기	자인	2,121	17년 전
12923	MySQL mysql 5.0.x 공백문자인식 2	관리자	3,202	17년 전
12921	기타 문자열에 들어간 전화번호, 메일주소 가리기 1	관리자	2,135	17년 전
12918	PHP 다음 rolling 스크립트 입니다. 많이들 쓰세요.. 2	휴전합시다	1,528	17년 전
12917	기타 자바스크립트 float 계산 오류 수정 방법	관리자	4,237	17년 전
12914	기타 자기창 닫고 부모창 새로고침하기 2	관리자	2,029	17년 전
12909	정규표현식 정규표현식 튜토리얼 4	관리자	3,455	17년 전
12906	기타 PHP에서 javascript의 alert 상자 출력시 줄바꿈 기호 문제 2	너굴군	6,026	17년 전
12903	기타 [펌] 불여우(모질라 파이어폭스)에서 마우스 휠로 스크롤 팍팍하기 2	관리자	1,479	17년 전
12902	JavaScript 확장자 bak 파일 지우기	letsgolee	1,651	17년 전
298	ncftp와 proftpd 간단한 사용법문의합니다	푸름아빠	1,232	17년 전
12901	JavaScript 프로젝트의 구축 방법에 관한 내용입니다.	멜로즈	1,345	17년 전
12891	Flash <질문>쇼핑몰 메인에 사용되는 슬라이딩 이미지 9	vicky	2,872	17년 전
12888	Flash [질문] 플래시 메뉴를 통한 링크... 2	섹샨이	1,907	17년 전
12886	기타 사진을 그림처럼 보이게 하는 aniso 필터 효과 아십니까? 1	카프카07	2,591	17년 전
295	asp 문의 드려요..상세 페이지 아이프레임 컨트롤 2	예감	1,301	17년 전
12885	Flash flv 플레이어 자막연동 보드 완성 하였음	헌이	3,181	17년 전
12883	JavaScript flv 동영상 자막 싱크만드는 중입니다. txt 연동 1	헌이	2,161	17년 전
12881	Flash 풀 플래시 소스 1	헌이	2,604	17년 전
292	힘들다 php 넘 어려워 도와주세요 2	짱돌머니	1,404	17년 전
12880	기타 윈도우 이벤트 함수[IE, 파이어폭스]	명랑폐인	1,751	17년 전
290	에러 메세지- 도와주세요 1	두루굳센	1,145	17년 전
287	XMLHttpRequest에 관해 질문드립니다. 2	JCrew	1,202	17년 전
12879	정규표현식 DHTML Image Thumbnail Chooser	명랑폐인	1,784	17년 전
285	if문 질문입니다. 1	rexz	1,223	17년 전
12875	기타 랭킹(순위)아이콘 입니다. (어디다 올려야 할지 몰라서) 3	버클리	4,306	17년 전
12872	MySQL [마이그레이션] 고수님들의 도움이 절대적으로 필요합니다.!!! 2	만나보고	1,504	17년 전
280	디비연동 셀렉트 박스 선택시 다른 input 박스에 관련값 뿌려주기.. 4	아제아제	2,001	17년 전
12857	기타 예전 작업할때 만들었던 펜일러스트 아이콘들.. 14	카프카07	7,086	17년 전
276	날자비교 최근게시물로 뽑기.. 3	이칼루스	1,374	17년 전
275	[요청] 단순한 이미지 갤러리 PHP 소스 추천 좀 해주세요.	농약	1,892	17년 전
25063	계약서 홈페이지 관리계약서 6	개가죽	3,129	17년 전
271	썸네일 생성 함수인데요.. 페이지 불러올때마다 새로 만들어지는것 같은데;; 3	하파다이	1,220	17년 전
29369	HTML 제가 그린 일러스트입니다. 5	카프카07	1,979	17년 전
268	코드의 설명이 이렇게 되는건지 맞는지요? 2	하파다이	1,151	17년 전
267	디비에서 불러온 값을 플래시 막대그래프로 표현하기.	smilesol	1,847	17년 전
12852	JavaScript 원격이미지 조건에 따른 썸네일 생성 4	유창화	2,144	17년 전
12851	JavaScript 윈도우 APM 에서 리눅스의 심볼릭 링크 사용하기	skinartisanCOM	2,958	17년 전
265	호스팅서버를 받았는데..자꾸 에러가 나네요. 1	신의손	1,241	17년 전
263	팝업창 문의. 1	smyada	1,330	17년 전
12844	Flash 도와주세요~ 6	ㅣ곰탱이ㅣ	1,554	17년 전
260	도와주세요.......제발....ㅠㅜ 2	허리손반장	1,226	17년 전
12841	JavaScript 사진 뽀샤시 ~~ 2	유앤알	4,349	17년 전
12834	기타 이쁜 패턴 박스 만들기 6	유앤알	3,893	17년 전

이전 다음

60 61 62 63 64

전체 목록