'웹표준 레이아웃'에 해당되는 글 1건
2007/12/21 11:36
[웹표준/레이아웃]
여백, 중앙정렬
1. 여백
body 요소의 여백
- Opera 에서는 padding 으로 조절하고, 그 외 브라우저에서는 margin 으로 조정하므로,
body 여백을 설정할때에는 margin 값과 padding 값을 동시에 지정해야한다.
body {margin:0; padding:0;}
2. 중앙정렬
블록 요소 : 좌우 마진값에 auto 지정
인라인 요소 : 부모 블록 요소에 text-align:center; 를 지정
* Win IE 6 에서는 marin:auto 로 지정해도 적용이 안되므로, body에 text-align:center; 를 준다.
이 때에는 그 안의 요소까지 중앙정렬이 되므로, 직접적인 자식 요소에 text-align:left; 를 동시에 지정해 준다.
body {text-align:center;}
div#wrap {margin:0 auto; text-align:left;}
1. 여백
body 요소의 여백
- Opera 에서는 padding 으로 조절하고, 그 외 브라우저에서는 margin 으로 조정하므로,
body 여백을 설정할때에는 margin 값과 padding 값을 동시에 지정해야한다.
body {margin:0; padding:0;}
2. 중앙정렬
블록 요소 : 좌우 마진값에 auto 지정
인라인 요소 : 부모 블록 요소에 text-align:center; 를 지정
* Win IE 6 에서는 marin:auto 로 지정해도 적용이 안되므로, body에 text-align:center; 를 준다.
이 때에는 그 안의 요소까지 중앙정렬이 되므로, 직접적인 자식 요소에 text-align:left; 를 동시에 지정해 준다.
body {text-align:center;}
div#wrap {margin:0 auto; text-align:left;}
Trackback Address :: http://marie1114.tistory.com/trackback/9
