하위브라우저테스트편을 연습중입니다.
그런데
zerois.net은 ietester에서 ie6로 완벽히 표현되는데
① 제코딩은 여지없이 #top_menu가 세로정렬되어 표현됩니다.
또한,
② Security News 와 News & Notice 또한 세로정렬됩니다.
너무나 많은 시간을 소비해도 처리가 되지 않아 여쭙습니다.
editplus를 사용중입니다.
파일저장은 utf-8로 했습니다.
에 넣은 소스는 책과 site의 소스보기를 참조했습니다.
조언말씀 부탁드립니다.
그런데
zerois.net은 ietester에서 ie6로 완벽히 표현되는데
① 제코딩은 여지없이 #top_menu가 세로정렬되어 표현됩니다.
또한,
② Security News 와 News & Notice 또한 세로정렬됩니다.
너무나 많은 시간을 소비해도 처리가 되지 않아 여쭙습니다.
editplus를 사용중입니다.
파일저장은 utf-8로 했습니다.
에 넣은 소스는 책과 site의 소스보기를 참조했습니다.
조언말씀 부탁드립니다.
2012.02.19 21:42:33 (*.66.190.23)
답변감사합니다. HOME COMPANY SOLUTIONS CUSTOMER CENTER CONTACT US 상단메뉴가 횡(한줄:1row)으로 나열되어야하는데 세로(다섯줄:5rows)로 나열된다는 말씀이었습니다.마찬가지로 Security News 와 News & Notice의 두개의 div가 횡으로 나열되지 않고, Security News가 왼쪽위에 News & Notice가 나란히 아래에 붙어있습니다. 소스는 똑같이 썼으며 zerois.net의 소스와 정밀비교도 수차례했으므로 소스의 차이는 없다고 봅니다. 다만 ietester에 css3.zerois.net을 체크하면 정상이고 심지어 zerois.net의 소스를 copy&paste한 후 체크해도 위와같은 현상이 나온다는 것입니다. 그래서 파일저장utf-8이 문제일까 생각했던 것이고요. 그런데 그것도 아닌것 같아서 질문드렸던 것입니다. 제가 테스트한 방식은 "css3.zerois.netd의 소스보기-copy-paste-aa.html로저장-ietester에서 ie6로 체크-위의 에러" 였습니다. 또한 소스다운을 받아서 indexkr.html을 ie6으로 테스트해보니 상단 메뉴가 세로로 배열되는 현상이 보이는군요.
2012.02.19 23:25:19 (*.8.73.101)
저자입니다.
IE6에서는 heinn님이 말씀하신대로 indexkr.html 파일에서 이상한 버그가 발생하는게 맞습니다.
제가 ietester가 아닌 실제 IE6에서 모든 페이지를 확인했습니다.
HOME COMPANY SOLUTIONS CUSTOMER CENTER CONTACT US < 이 부분이 문제가 되고 있었네요.
영문에서는 전혀 문제가 생기지 않았는데, 유독 한글로 변환한 페이지에서만 다섯줄로 보입니다.
따라서 이에 따른 해결 방법을 알려드리겠습니다.
default_kr.css 파일 내에서 nav#top_menu a 부분에 float:left; 를 한번 더 적용해 주시면 문제가 해결됩니다. 이 현상이 유독 ie6에서만 발생하는 문제이기 때문에 제가 딱히 왜 이런 문제가 발생되었다라고 설명하긴 조금 애매합니다. ie6인 경우 가끔 원인 모를 이상한 문제가 발생하기 때문에 ie6만의 문제 같습니다.
ie7, ie8에서는 이상이 없습니다.
따라서 이런 문제가 발생할 경우 float 를 이용해서 작업을 해 주시기 바랍니다.
이런 문제점을 지적해 주신 heinn 님께 다시 한번 감사의 말씀을 드립니다.
IE6에서는 heinn님이 말씀하신대로 indexkr.html 파일에서 이상한 버그가 발생하는게 맞습니다.
제가 ietester가 아닌 실제 IE6에서 모든 페이지를 확인했습니다.
HOME COMPANY SOLUTIONS CUSTOMER CENTER CONTACT US < 이 부분이 문제가 되고 있었네요.
영문에서는 전혀 문제가 생기지 않았는데, 유독 한글로 변환한 페이지에서만 다섯줄로 보입니다.
따라서 이에 따른 해결 방법을 알려드리겠습니다.
default_kr.css 파일 내에서 nav#top_menu a 부분에 float:left; 를 한번 더 적용해 주시면 문제가 해결됩니다. 이 현상이 유독 ie6에서만 발생하는 문제이기 때문에 제가 딱히 왜 이런 문제가 발생되었다라고 설명하긴 조금 애매합니다. ie6인 경우 가끔 원인 모를 이상한 문제가 발생하기 때문에 ie6만의 문제 같습니다.
ie7, ie8에서는 이상이 없습니다.
따라서 이런 문제가 발생할 경우 float 를 이용해서 작업을 해 주시기 바랍니다.
이런 문제점을 지적해 주신 heinn 님께 다시 한번 감사의 말씀을 드립니다.
질문만으로는 어떤 현상인지 제가 알 수 없습니다.
혹시 작업하고 계신 소스 파일은 제 메일 주소로 보내 주실 수 있나요?
소스 파일 보고 답변해 드리겠습니다. 제 메일 주소는 책 앞 표지에 있습니다.