nosyu.pe.kr 이사 끝~ : IE6에서는 이상하게 나오는 NoSyu의 주저리주저리

2007년 12월 26일

IE6에서는 이상하게 나오는 NoSyu의 주저리주저리

이 글이 적혀있는 곳은 다음과 같습니다.

http://nosyu.pe.kr/1207

Egloos에서 Textcube로 이사를 하였습니다.

이글루스에 적은 글과 댓글, 트랙백, 이미지 모두를 옮겼습니다.

처음에는 이글루스에 글을 보존할 생각이었습니다.

하지만 이글루스에 올린 자료는 미래에 이글루스 회원 모두가 공유할 수 있기에

남겨두는 것만으로도 황당한 일이 발생할 듯싶습니다.

따라서 전체 삭제를 생각하였지만, 인터넷 상의 링크 전부를 수정할 수 없기에

각 글마다 이사한 곳으로 딥링크를 남기고자 하였습니다.

글 읽기에 불편함, 양해 부탁드립니다.

IE6에서는 이상하게 나오는 NoSyu의 주저리주저리

이 글이 적혀있는 곳은 다음과 같습니다.

http://nosyu.pe.kr/1207

브라우저호환성, IE6, IE7, Firefox, Opera

# by NoSyu | 2007/12/26 17:15 | in Windows | 덧글(10)

Commented by 다크엘 at 2007/12/26 17:36

어라 그러게요...정말 갑자기 아래로 내려갔네요..

Commented by NoSyu at 2007/12/26 18:11

/다크엘/
네.. IE6에서만 그렇더라구요.
덕분에 그 문제를 해결했습니다.^^

문제는 div 태그의 크기와 여백이었습니다.
640px의 div 안에 640px의 div를 설정한 뒤에
안의 div에 여백(margin)을 100px로 주었더니
IE6에서는 안의 것이 밖의 것을 튀어나간 형태가 되고,
다른 브라우저에서는 겉의 것이 안의 튀어나간 부분을 없애는 것이 되었습니다.
padding을 할 것을 margin으로 해서 그런 듯....
그래서 안의 div를 줄이니 이제 제대로 나옵니다.^^;;;;

Commented by imc84 at 2007/12/26 18:22

말씀하신 문제에 더불어 IE6에서는 div블럭 레이어의 width를 줄 때 border를 계산하지 않는 것(css 1.0표준에 위배된다나, 하여튼 그런 점이 다른 브라우저와 다름)으로 알고 있습니다. 표준 스타일시트에서는 레이어 width에 border가 포함되어 계산되고, 따라서 border가 굵어지면 실제 내용이 표시되는 영역이 작아지는 것이더군요.
아무튼 IE6때문에 저도 스킨고칠 때 골머리 썩었지요; 스타일시트 말고도 은근히 다른 브라우저랑 다르게 그리는 부분이 많아서...

Commented by NoSyu at 2007/12/26 19:19

/imc84/
그런 문제가 있군요.
CSS는 잘 신경쓰지 않다가 이번에 잠깐 써보았는데, 정말 어렵습니다.ㅜㅜ
다행히 IE7은 이런 문제를 잘 해결한 듯싶네요.
(하지만 다른 분들에게 IE7을 설치하라는 말을 못하겠습니다.;;;)

Commented by dokio at 2007/12/27 03:42

저도 그랬었는데... 제 이글루가 그런 식으로 보였었죠; 전 그냥 스킨 바꾸니 해결되던;;

Commented by あさぎり at 2007/12/27 03:56

역시 파폭만세...[펑]

Commented by NoSyu at 2007/12/27 10:16

/dokio/
dokio님도 그런 경험이....
전 스킨을 바꾸기 귀찮아서...^^;;;

Commented by NoSyu at 2007/12/27 10:17

/あさぎり/
파폭 최고!!

Commented by 루크 at 2007/12/27 19:21

제발 웹 표준화 법이 만들어졌으면...
(active x 없는 세상, 어떤 브라우저로도 잘 보이는 세상
우리 모두 만들어가요~_~)