홈페이지의 전체 정렬을 중앙으로...
- Posted at 2009/11/23 18:03
- Filed under I Say .../Make Web
|
|
현재 내가 처한 상황이 이러하다.
원인은 마우스오버시 레이어가 나오는 위치를 좌표로 설정해놨기때문. 즉, 전체 페이지를 중앙 정렬으로 할 경우 레이어가 나와야할 좌표는 변경되지 않고, 지정한 곳에 나타난다는것이다.
그런 문제를 제외한다면, 누구나 쉽게 설정 가능한....
전체 웹페이지를
<div id="center"> 블라블라블라 </div> 로 잡아주고 이것을 센터로 지정해주면 된다.
CSS에는 아래와 같이...
#center [ width:100%; text-align:center;}
웹에서 찾은 좀 더 구체적인 방법 :
<sytle type="text/css">
#align { width: 100%; text-align:center; }
#main { margin:0 auto; width:200px; }
</style>
<div id="align">
<div id="main">
something
</div>
</div>
IE외의 다른 브라우저의 호환성까지 해결하는 방법이라는군요.
#align { width: 100%; text-align:center; }
#main { margin:0 auto; width:200px; }
</style>
<div id="align">
<div id="main">
something
</div>
</div>
IE외의 다른 브라우저의 호환성까지 해결하는 방법이라는군요.
역시 웹 초보는 배울게 많습니다.
Posted by 임경희
- Tag
- center, css.web, div, 중앙정렬
- Response
- 0 Trackbacks , 0 Comments
Trackback URL : http://ocarinacenter.com/blog/trackback/30
올댓오카리나의 관리자이며, 오카리니스트 임경희의 개인 블로그입니다.
- 임경희
Categories
Tag Cloud
- 리퍼
- 홍보
- 야후
- 국내정식출시
- 저작권
- 일본
- 상단
- 영어
- 어플
- 피카사
- 마케팅
- 오디션
- 웹호스팅
- 연주
- 국가
- moviewedge
- 올댓오카리나
- 휴대폰
- mp3플레이어
- 패드
- ocarina
- 블로그
- 와인
- 대처방법
- 이글루스
- 공연
- 실황
- 티스토리
- 단가
- 영리
- 애드센스
- 세종시
- 하급
- 저장소
- 서비스
- 가상시디
- 저작권료
- 미투데이
- 초등학교
- 미투밴드
- codec
- 실명제
- 로지텍
- 추천
- 어베스트
- 모니터
- 빌더
- 사용자
- 중앙정렬
- 삼성전자
- ES530
- 아름다운강산
- 수강료
- 베가스
- div
- 영화
- 슈어
- 왕벌의비행
- 상단배치
- ktx
- 아바타
- web
- 특활
- yozm
- 페이지
- 번역
- 본문우측
- 극성스런네티즌
- 와인나라
- 워드프레스
- 먼지
- 프로그램
- 웃돈
- 1분미리듣기
- 청소
- 지출
- 앙상블
- 판매
- 웹앨범
- 경품