frame 을 div 로 대체 가능한지???

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
지나가는...

frame 을 div 로 대체 가능한지???

Post by 지나가는... »

이곳의 Cross Browsing 가이드를 보니 HTML 4.01 에서는 frame 을 추천하지 않으며
div 로 대체가 가능하다고 되어있는데요, 정말 가능한가요??
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

Re: frame 을 div 로 대체 가능한지

Post by 박민권 »

지나가는... wrote:이곳의 Cross Browsing 가이드를 보니 HTML 4.01 에서는 frame 을 추천하지 않으며
div 로 대체가 가능하다고 되어있는데요, 정말 가능한가요??
frame가 아니라 iframe가 아닌지요?
div를 frame나 iframe처럼 사용할 수는 없습니다.
아마도 div로도 처리할 수 있는 일을 iframe를 사용하여 처리하지 말라는 뜻일겁니다.
지나가는...

Post by 지나가는... »

제가 테스트해봤는데 어느정도는 가능한 듯합니다.
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; 
를 IE 가 지원하지 않아서 인 것 같은데요, 뭔가 방법이 없을까요???
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Post by hyeonseok »

지나가는... wrote: 그런데 문제가 있는게, 컨텐츠가 보이는 부분이 영역 전체를 차지하지 않는다는 것과
IE 에서는 제대로 안된다는 것입니다.
IE 에서 안되는 것은

Code: Select all

 position : fixed; 
를 IE 가 지원하지 않아서 인 것 같은데요, 뭔가 방법이 없을까요???
http://www.doxdesk.com/software/js/fixed.html

에 javascript 로 구현한 것이 있습니다.
Post Reply

Who is online

Users browsing this forum: Bing [Bot] and 2 guests