안녕하세요 초보자입니다.
그누보드 처음 써보는데요~
파이어폭스,크롬은 제대로 가운데로 나오는데
익스플로러에서만 중앙정렬이 안맞춰집니다. (익스9 씁니다.)
고수님들 도와주세요 ㅠㅠ
그누보드 처음 써보는데요~
파이어폭스,크롬은 제대로 가운데로 나오는데
익스플로러에서만 중앙정렬이 안맞춰집니다. (익스9 씁니다.)
고수님들 도와주세요 ㅠㅠ
댓글 5개
익스플로어 에서는 엘리먼트에 관련하여 해석하는게 일반 브라우저와 조금씩 차이가 있습니다.
DIV 를 중앙정렬 하고 싶으시다면, 크롬이나 파이어폭스에선 margin: 0 auto; 로 잡아 주면 되지만, IE 에서는 상위 엘리멘트에 text-align: center 이 먹혀 있어야 div 가 중앙 정렬이 됩니다.
이를 해결하기 위해선 상단에 dtd 를 선언해 주시거나, 혹은 margin: 0 auto 선언한 상태에서 상위 엘리멘트에 text-align: center 를 먹여 주어야 합니다.
예시 )
<div style="text-align: centerl">
<div style="width: 1000px; margin: 0 auto; text-align: left">
상위에 center 가 먹혀 있기 때문에, 내부에서 정상적으로 의도 한 대로 나오게 하기 위해 자신은 text-align: left 를 선언해 줍니다.
</div>
</div>
DIV 를 중앙정렬 하고 싶으시다면, 크롬이나 파이어폭스에선 margin: 0 auto; 로 잡아 주면 되지만, IE 에서는 상위 엘리멘트에 text-align: center 이 먹혀 있어야 div 가 중앙 정렬이 됩니다.
이를 해결하기 위해선 상단에 dtd 를 선언해 주시거나, 혹은 margin: 0 auto 선언한 상태에서 상위 엘리멘트에 text-align: center 를 먹여 주어야 합니다.
예시 )
<div style="text-align: centerl">
<div style="width: 1000px; margin: 0 auto; text-align: left">
상위에 center 가 먹혀 있기 때문에, 내부에서 정상적으로 의도 한 대로 나오게 하기 위해 자신은 text-align: left 를 선언해 줍니다.
</div>
</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284438 | |
| 284437 | |
| 284435 | |
| 284430 | |
| 284420 | |
| 284417 | |
| 284409 | |
| 284401 | |
| 284399 | |
| 284397 | |
| 284380 | |
| 284378 | |
| 284371 | |
| 284370 | |
| 284366 | |
| 284364 | |
| 284360 | |
| 284357 | |
| 284355 | |
| 284354 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기