안녕하세요 초보자입니다.
그누보드 처음 써보는데요~
파이어폭스,크롬은 제대로 가운데로 나오는데
익스플로러에서만 중앙정렬이 안맞춰집니다. (익스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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기