이곳의 Cross Browsing 가이드를 보니 HTML 4.01 에서는 frame 을 추천하지 않으며
div 로 대체가 가능하다고 되어있는데요, 정말 가능한가요??
frame 을 div 로 대체 가능한지???
-
- 해커
- Posts: 724
- Joined: 2005 01 31 22:33 55
- Location: 대한민국
- Contact:
Re: frame 을 div 로 대체 가능한지
frame가 아니라 iframe가 아닌지요?지나가는... wrote:이곳의 Cross Browsing 가이드를 보니 HTML 4.01 에서는 frame 을 추천하지 않으며
div 로 대체가 가능하다고 되어있는데요, 정말 가능한가요??
div를 frame나 iframe처럼 사용할 수는 없습니다.
아마도 div로도 처리할 수 있는 일을 iframe를 사용하여 처리하지 말라는 뜻일겁니다.
제가 테스트해봤는데 어느정도는 가능한 듯합니다.
http://www.macromedia.com/kr/devnet/mx/ ... layout.zip
위 링크의 파일을 다운받아 css 파일을 아래내용으로 바꾸니 프레임을 쓰는것과 흡사한
효과가 나네요...
그런데 문제가 있는게, 컨텐츠가 보이는 부분이 영역 전체를 차지하지 않는다는 것과
IE 에서는 제대로 안된다는 것입니다.
IE 에서 안되는 것은
를 IE 가 지원하지 않아서 인 것 같은데요, 뭔가 방법이 없을까요???
http://www.macromedia.com/kr/devnet/mx/ ... layout.zip
위 링크의 파일을 다운받아 css 파일을 아래내용으로 바꾸니 프레임을 쓰는것과 흡사한
효과가 나네요...
Code: Select all
/* CSS Document */
body{
padding :0;
margin :0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
}
#content{
position : fixed /*absolute*/ ;
top : 150px;
left : 200px;
/*position : absolute*/
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
overflow : auto;
/*clip : rect(20px, 20px, 20px, 20px);*/
}
#content h1 {
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-weight: normal;
color: #000000;
background-color : transparent;
}
#content h2 {
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: bold;
color: #000000;
background-color : transparent;
}
#content p{
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 80%;
font-weight: normal;
color: #000000;
background-color : transparent;
line-height : 140%;
}
#logo{
position : fixed /*absolute*/ ;
top : 30px;
left : 30px;
z-index : 50;
}
#script{
position : fixed /*absolute*/ ;
top : 12px;
right : 0;
text-align : right;
}
#navigation{
position : fixed /*absolute*/ ;
overflow : auto;
top : 190px;
left : 60px;
width : 140px;
}
#navigation a{
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
color : #00f;
background-color: transparent;
}
IE 에서는 제대로 안된다는 것입니다.
IE 에서 안되는 것은
Code: Select all
position : fixed;
-
- 해커
- Posts: 691
- Joined: 2004 08 11 22:14 59
- Contact:
http://www.doxdesk.com/software/js/fixed.html지나가는... wrote: 그런데 문제가 있는게, 컨텐츠가 보이는 부분이 영역 전체를 차지하지 않는다는 것과
IE 에서는 제대로 안된다는 것입니다.
IE 에서 안되는 것은를 IE 가 지원하지 않아서 인 것 같은데요, 뭔가 방법이 없을까요???Code: Select all
position : fixed;
에 javascript 로 구현한 것이 있습니다.
Who is online
Users browsing this forum: No registered users and 1 guest