iframe을 height:100% 하는 방법좀 갈켜 주세요.
꽃은별
가로,세로 100%넓이를 잡아서 가변크기로 설정을 해야되는데요
iframe을 써서데이타를 불러 오는데 세로가 100%가 안되고, 아래 그림처럼 짤립니다.
어떤분 설명에 dtd를 할 경우 iframe에 100%가 안먹힌다고 해서, dtd 빼고 테스트 했더니 세로 100%가 성공은 하긴 했는데,
이미 모든 페이지가 코딩이 다 된상태인지라... ㅠㅠ 이 방법 밖에 없는건지 궁금합니다.
[소스]
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
title/title
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
meta name=robots content=noindex,nofollow /
/head
style type=text/css
html.body{
height:100%; overflow:hidden;
}
/style
body
div
table summary=대쉬보드 style=width:100%;height:100%;;
tr
td
iframe name=monf style=width:100%;height:100%; src=a.html framespacing=0 marginheight=0 marginwidth=0 scrolling=no vspace=0/iframe
/td
td
iframe name=monf style=width:100%;height:100%; src=a.html framespacing=0 marginheight=0 marginwidth=0 scrolling=no vspace=0/iframe
/td
td
iframe name=monf style=width:100%;height:100%; src=a.html framespacing=0 marginheight=0 marginwidth=0 scrolling=no vspace=0/iframe
/td
/tr
tr
td
iframe name=monf style=width:100%;height:100%; src=a.html framespacing=0 marginheight=0 marginwidth=0 scrolling=no vspace=0/iframe
/td
td
iframe name=monf style=width:100%;height:100%; src=a.html framespacing=0 marginheight=0 marginwidth=0 scrolling=no vspace=0/iframe
/td
td
iframe name=monf style=width:100%;height:100%; src=a.html framespacing=0 marginheight=0 marginwidth=0 scrolling=no vspace=0/iframe
/td
/tr
/table
/div
/body
-
황소숨
js로 iframe 내부 높이값을 받아오시고 그거대로 iframe의 height를 조절하실순 있는데.
iframe안의 페이지도 같은 도메인 상의 페이지여야 합니다.
예제 코드는 구글링 좀만 해보시면 나올거에요. -
Isolation
iframe은 css만으론 유동적인 높이값을 가지지 못하는걸로 알고 있습니다^^;;