안녕하세요 초보자입니다.
그누보드 처음 써보는데요~
파이어폭스,크롬은 제대로 가운데로 나오는데
익스플로러에서만 중앙정렬이 안맞춰집니다. (익스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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284255 | |
| 284248 | |
| 284247 | |
| 284246 | |
| 284242 | |
| 284238 | |
| 284234 | |
| 284233 | |
| 284229 | |
| 284224 | |
| 284222 | |
| 284215 | |
| 284213 | |
| 284212 | |
| 284209 | |
| 284208 | |
| 284201 | |
| 284193 | |
| 284192 | |
| 284174 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기