웹마스터 팁

CSS 와 DIV 태그로 레이어 나타내기

먼저 <head></head> 부분에 아래의 방식으로 스타일시트를 구성합니다

<style type="text/css">
#layer1{                /** 첫 번째 레이어에 사용할 레이어의 위치와 모양입니다 ***/
        position:absolute;
        LEFT:100; TOP:100; /** 위에서 100 픽셀, 왼쪽에서 100픽셀 떨어진 곳에 보여집니다 ***/
        width:200; height:100; /** 가로 200 픽셀, 높이 100 픽셀입니다 ***/
  background-color:orange; /** 배경색은 오렌지색 ***/
        }
#layer2{              /** 두 번째 레이어에 사용할 레이어의 위치와 모양입니다 ***/
        position:absolute;
        TOP:200; LEFT:300;     /** 위에서 200 픽셀, 왼쪽에서 300픽셀 떨어진 곳에 보여집니다 ***/
        width:200; height:100; /** 가로 200 픽셀, 세로 100 픽셀짜리 레이어 입니다 ***/
        background-color:lightgreen; /** 배경색은 밝은 그린색입니다 ***/
}
</style>

 <body></body> 에서는 아래처럼 레이어를 보여줄 수 있습니다

<div id=layer1>
오렌지색 레이어
</div>

<div id=layer2>
연두색 레이어
</div>

예제사이트 : http://www.itbank.kr

제목 글쓴이 날짜
[펌] HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 [6] file 999 2011.01.11
"서버에 요청중..." 메세지 없애기 [3] SeoSeungHyun 2011.01.11
xe에 모바일 업로드 하기(api 이용, 파일첨부 업로드 해결) [4] 천민수 2011.01.12
Content위젯에서 분류명(카테고리)를 이미지로 표현하기 [1] nalireco 2011.01.12
텍스타일 블로그 메인페이지 만들기 [1] designm 2011.01.13
탈퇴회원 아이디 재사용 막는 법 [5] 한꼬마 2011.01.18
XE에서 레이아웃이나 기타의 페이지에 include 사용에 대한 오해??? [3] DuRi 2011.01.18
[ 도움요청 ] 게시판 리스트에서 작성한 사람만 작성한 리스트가 보이는 방법 ?? 잘살아서복수!! 2011.01.20
[왕초보팁] 2차 메뉴를 레이아웃 스킨에 넣을 때 [2] HolyJohn 2011.01.21
좋은 레이아웃 찿으시는 분들 선우님이 새로 또 하나의 좋은 레이아웃을 만드 셨네요... [2] 유샤인 2011.01.21
PHP 5.3.x DEPRECATED 에러 해결하기 [2] 난다날아 2011.01.21
'대표도메인'연결후 '로그인'이 안될때,,(먹통) moonlight994 2011.01.24
XE 게시판에 소셜댓글 라이브리 적용하기 [6] [1] file 미자503 2011.01.26
외부에서 단독으로 xe게시판에 글 올리기, blogapi 기능 사용하여, [6] file 김기철980 2011.01.27
PHP의 끝을 닫지 않아도 실행됩니다. [2] SMaker 2011.01.29
홈페이지 브라우저 크기 고정시키기 코아 코스튬 2011.01.30
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 코아 코스튬 2011.01.30
랜덤 이미지 롤링위젯스킨에서 컬러셋이 적용되지 않는분은 필독! file xemall 2011.02.02
게시판 관리자 표시하기... [6] file 카르마 2011.02.05
"서버에 요청중입니다" 메세지(혹은 다른 메세지, DB접속실패 등) 바꾸기 Cloverworld 2011.02.08