반응형

해상도 변해도 div 레이어 위치 고정하기

실패 케이스 1. div 안에 div를 넣는다고 한다.
 예 :) 부모 div   위치는 상대로 잡는다  
            자식 div 1  위치는 절대로 잡는다.
            자식 div 2  위치는 절대로 잡는다.
            자식 div 3  위치는 절대로 잡는다.
         부모 div 끝

하지만 안된다.

성공 케이스 1.

css 안에 해상도 위치를 클라이언트의 해상도를 구해서 넣는다.
left:expression((document.body.clientWidth/2 + 190)); 


예:

<div id=""style="LEFT:expression((document.body.clientWidth/2)-220); TOP:35px;POSITION:absolute; z-index:1">테스트 DIV 내용</div>

반응형

'Design > CSS' 카테고리의 다른 글

IE에서 button 좌우 여백 자동조절  (0) 2009.12.15
반응형
/* 폼 입력값 Check*/
function frmchk_char(str, condition)
/*
설명  : 폼 입력값을 정규식패턴을 이용해서 체크함
사용법 : frmchk_char(문자열, 조건)
결과값 : true/false
조건  :
 0 = 첫글자 영문, 영문, 숫자, _ 사용가능
 1 = 영문만 사용가능
 2 = 숫자만 사용가능
 3 = 한글만 사용가능
 4 = 영문, 숫자 사용가능
 5 = 영문, 숫자, 한글 사용가능
 6 = 한글, 숫자 사용가능
 7 = 한글, 영문 사용가능
 8 = 한글을 포함하는지 여부
*/
{
 var objPattern
 switch(condition){
  case(0) :
   objPattern = /^[a-zA-Z]{1}[a-zA-Z0-9_]+$/;
   break;
  case(1) :
   objPattern = /^[a-zA-Z]+$/;
   break;
  case(2) :
   objPattern = /^[0-9]+$/;
   break;
  case(3) :
   objPattern = /^[가-힣]+$/;
   break;
  case(4) :
   objPattern = /^[a-zA-Z0-9]+$/;
   break;
  case(5) :
   objPattern = /^[가-힣a-zA-Z0-9]+$/;
   break;
  case(6) :
   objPattern = /^[가-힣0-9]+$/;
   break;
  case(7) :
   objPattern = /^[가-힣a-zA-Z]+$/;
   break;
  case(8) :
   objPattern = /[가-힣]/;
 }
 return objPattern.test(str);
}

필요에 맞게 응용해서 사용하시길....^^
감사합니다.
반응형
반응형
 
반응형

'Web > 보안관련' 카테고리의 다른 글

웹쉘의 위험성및 서버보안을 통한 웹쉘 차단법  (0) 2010.03.30

+ Recent posts