접속자 : 26(회원0)  오늘 83 어제 439 최대 1,126 전체 139,391  
커뮤니티정보포토 플라자공간 비디오뮤직-카페 자료 공간 관심+즐거움
Tip & TechJava Script그누보드 관련 자료HTML/CSSLINUX TipMySQL TipPHP Tip
   wego21™  LOGIN
  
  
  ID저장  자동로그인
회원가입  아이디/비밀번호 찾기
Tip & Tech
Java Script
그누보드 관련 자료
LINUX Tip
PHP Tip
MySQL Tip
HTML/CSS
그누보드 관련 자료 베스트 #10
 
작성일 : 08-05-06 18:45
해상도에 따라 변경되는 레이어위치 고정시키기
 글쓴이 : IN-BEST
조회 : 23,918  
레이어를 쓰다보면 해상도에 따라 레이어위치가 바뀌는 경우가 있습니다.
그럴때 다음과 같이 해주시면 레이어를 해상도가 바뀌어도 고정을 시킬 수 있습니다.

<div style="position:relative;left:-260px;top:-170px;">
  <div id="layer1" style="width:314px; height:174px; position:absolute; left:689px; top:238px; z-index:-1;"> 이미지 또는 내용  </div>
  <div id="layer2" style="width:389px; height:322px; position:absolute; left:640px; top:733px; z-index:-1;"> 이미지 또는 내용  </div>
  <div id="layer3" style="width:389px; height:322px; position:absolute; left:640px; top:733px; z-index:-1;"> 이미지 또는 내용  </div>
  </div>
 
첫번째 position:relative라고 한 것이 부모 레이어고 id=layer1, 2, 3...라고 한 것이 자식 레이어입니다.
자식 레이어는 4, 5, 6...계속 만들 수 있고요. id, width, height, left, top, z-index는 제가 임의적으로 준 것이고
중요한 것은 부모 레이어는 position을 relative로, 자식 레이어는 position을 absolute로 하는 것입니다.
Level. 00%
IN-BEST
 
 
 



홈페이지소개   |   개인정보보호   |   광고   |   배너등록   |   찾아 오시는길

:::::::::::::::::::::: 인-베스트 코리아 | 김인배 | 경기 군포시 산본동 1135, 광림빌딩 706호 | TEL: 031-393-2212 | FAX: 031-393-2219 | E-mail: korea@in-best.com :::::::::::::::::::::: Copyright (C) '2008 wego21.com All rights reserved. Designed by IN-BEST™