RadarURL

logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2020년 10월 23일
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
(*.53.232.32) 조회 수 4794 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

이번에 진행하는 프로젝트에서 관리자 페이지를 만들다 알게된 노하우 입니다.

현재 익스6.7.8 및 파이어폭스, 크롬에선 작동하는것 을 확인 하였습니다.

 

div로 홈페이지를 제작할때 좌측에 200px 로 고정된 div가 하나 있고 , 본문에 200px를 빼나 나머지 전체를 채우는 div가 있다고 가정하겠습니다.

 

고정px  값을 가지는 div는 문제가 없지만 % 값을 가지는 div는 좌측 200px 때문에 두개의 div가 함께 보여지지 않는데..

 

이럴때 margin 값을 - 로 처리해서 적용을 하면 해결이 됩니다.

 

<div style="width:100%">

<div style="position:relative;width:200px;margin-right:-200px; float:left;>

</div>

<div style="position:relative;width:100%;margin-right:-200px;float:right;>

</div>

</div>

 

이런식으로 하면 우측의 본문에 해당 하는 부분이 스크롤 상황에 따라 자동적으로 줄어들고, 늘어나는 형태로 처리됩니다.

 

물론 좌측은 고정되어 있구요.^^

 

아주 유용한 팁이네요.

 

 

 

?

List of Articles
번호 제목 글쓴이 날짜 조회 수
243 특정그룹회원게게 서비스 제공하기 똑띠 2009.09.12 7508
242 플래시 테두리 안보이게 하기 file 코파 2009.09.08 5446
241 특정 게시판이 게시물을 일괄 비밀글로 처리하고자 할때... 2 똑띠 2009.09.04 4187
240 로그인 위젯이나 상단 바로가기 링크 처리시 똑띠 2009.09.03 4496
239 SSL 사용체크로 사이트가 먹통이 될때... 1 똑띠 2009.08.28 3637
238 header에서 페이지이동 처리 똑띠 2009.08.27 3908
237 vi_document 파일에서 추천,비추천등을 바로보이게 처리 7 똑띠 2009.08.25 4177
236 게시판 블랙컬러 선택시 댓글 글쓰기폼 배경 컬러 조정 똑띠 2009.08.22 3756
» div로 100% 사이즈 제작하기 똑띠 2009.08.04 4794
234 레이아웃에서 보기 권한에 따른 출럭 3 똑띠 2009.08.04 3187
233 일정관리 제목 잘리는 부분 처리 똑띠 2009.08.03 2953
232 로그인 사용자 메일주소 출력 하려면?? 똑띠 2009.06.04 5280
231 회원가입시 받은 확장변수를 출력 하려면?? 1 똑띠 2009.06.01 3419
230 SVN을 이용해 XE 최신 개발 버전 가져오기 4 똑띠 2009.05.31 3913
229 글쓰기폼에서 확장변수 배치 내마음대로 하기 1 똑띠 2009.05.30 3534
228 쪽지함보기 -> 쪽지함으로 고칠려면.. 똑띠 2009.05.27 2735
227 레이아웃에서 레이아웃 이름 출력시키기 똑띠 2009.05.27 2530
226 XE에서 브라우저 타이틀 일괄 변경 똑띠 2009.05.22 3031
225 게시판 본문(view_document)에 확장변수값 마음대로 출력하기 2 똑띠 2009.05.21 3499
224 팝업창 코드로 띄우기 file 똑띠 2009.05.04 4930
목록
Board Pagination ‹ Prev 1 ... 5 6 7 8 9 10 11 12 13 14 ... 22 Next ›
/ 22

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net