참고 자료들
1번은 FF에서 스크롤바가 필요 없어도 스크롤바 영역이 항상 표시되는 문제가 있다.
2번에서 제시 한 테스트페이지를 테스트하려는 브라우저에서 보면서 테스트 해보자.
=========================================
내가 IE6, FF, Chrome에서 테스트해본 결과
* 기본 전제 설정
1. standard DTD 설정.
ex) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. iframe 내부 페이지 css설정을 다음으로 설정.
<style type="text/css">
body {
overflow-y: auto;
overflow-x: hidden;
}
</style>
* 내가 원하는 설정은 no, no : no, yes
- IE 6
scrolling= |
내용이 수직으로
안넘칠 때(x) |
내용이 수직으로
안넘칠 때(y) |
내용이 수직으로
넘칠 때(x) |
내용이 수직으로
넘칠 때(y) |
"auto" |
no |
no |
yes |
yes |
"yes" |
no |
yes |
no |
yes |
auto : no, no : yes, yes
yes : no,yes : no , yes
결론 : 안넘칠 때는 auto로, 넘칠 때는 yes로
- FF
scrolling= |
내용이 수직으로
안넘칠 때(x) |
내용이 수직으로
안넘칠 때(y) |
내용이 수직으로
넘칠 때(x) |
내용이 수직으로
넘칠 때(y) |
"auto" |
no |
no |
no |
yes |
"yes" |
yes |
yes |
yes |
yes |
auto : no, no : no, yes
yes : yes,yes: yes,yes (기본적으로 스크롤 영역이 표시됨)
결론 : auto로
- CHROME (plus)
scrolling= |
내용이 수직으로
안넘칠 때(x) |
내용이 수직으로
안넘칠 때(y) |
내용이 수직으로
넘칠 때(x) |
내용이 수직으로
넘칠 때(y) |
"auto" |
no |
no |
no |
yes |
"yes" |
no |
no |
no |
yes |
auto : no, no : no, yes
yes : no, no : no, yes
결론 : auto, yes 둘다 가능 (크롬이 이렇게 이뻐보이다니...)
[종합결론]
기본값 "auto"로 쓰다가 내용이 넘치면 IE만 "yes"로 바꾸기
....인데 이걸 이제 어떻게 표현하느냐는 지금 생각중...