Div를 center로 align하는 방법 좀

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
손님

Div를 center로 align하는 방법 좀

Post by 손님 »

Table을 사용하지 않고

<body style="text-align:center;">
<div sytle="width:200px;height:200px;border:1px solid red;">
</body>

와 같이 div를 center로 위치 시키면 span같은
text-level box는 가운데로 오는데, div 가운데로 오지 않는군요.

일반적으로 FF 에서는 어떤 방법으로 div를 centering을 하는지 알고 싶습니다.

물론 table속에 div를 넣는 방법은 말고 말입니다.

고견을 들려 주세요...
she
Posts: 18
Joined: 2005 05 04 12:54 33
Contact:

답변입니다.

Post by she »

가운데 정렬은

Code: Select all

body { text-align:center;} 
// 먼저 전체 바디에 가운데 정렬을 줍니다.

전체 레이아웃을 시작하는 div가

Code: Select all

<div id="wrap">
이라면

Code: Select all

#wrap {margin:0 auto; text-align:left;}
// 텍스트는 좌측 정렬로 주고요. margin:0 auto; 이것이 가운데 정렬을 하란 말이 되겠습니다.

margin:top right bottom left; // 이런건 아시죠? :)
margin: 5px 5px 5px 5px; // 1번
margin:5px; // 2번
1번 = 2번
margin:5px 0 5px 0; // 3번 : 0일땐 단위를 쓰지 않고, 그 이상일 때는 단위를 씁니다.
margin:5px 0; // 4번
3번=4번

이런 식이니
margin:0 auto; 는 margin : 0 auto 0 auto; 와 같은 뜻이 되겠습니당.^^
이 글 쓴 사람

Post by 이 글 쓴 사람 »

정확하게 제가 바라던 답이네요. 잘 되는군요.

다른 것에 응용해도 잘 쓸 수 있겠습니다.

정말 고견이십니다.

감사합니다.
Post Reply

Who is online

Users browsing this forum: Ahrefs [Bot] and 2 guests