페이스 북 iframe 앱 주위에 패딩 추가

유동 폭을 사용하는 Facebook iframe 앱이 있습니다.페이스 북 iframe 앱 주위에 패딩 추가

외부 콘텐츠, 왼쪽 여백 및 오른쪽 내용 사이에 사이의 공간을 만드는 방법을 알아낼 수 없습니다.

현재 내 Facebook 앱과 주변 외부 콘텐츠 사이에는 공백이 없습니다.
다양한 CSS padding 및 margin 시도했지만 이들은 iframe이 응용 프로그램 내부의 내용 에 간격을 추가 할 수 있습니다.

요청한대로 관련 마크 업이 있습니다 (감사합니다).

HTML :

<!DOCTYPE HTML> <html> <head>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5, user-scalable=yes" /> <title>Slideshow</title> </head> <body <div id="slideshow">  </body>

CSS :

body { margin-top: 20px; padding-top: 20px; /* only works with content INSIDE the app */ font-family: Verdana, sans-serif; background-size: cover; font-smoothing: antialiased; background: radial-gradient(ellipse at center, #e5e5e5 0%,#5e8cba 100%); /* W3C */ /* browser-specific elided */ }

출처

2012-07-23 Daniel May

마크 업을 공유 할 수 있습니까? –

A) 만 안쪽에서 작동>

<body>

B) 패딩 몸 태그를 닫습니다. 항상. 그리고 나는 그 내용에서 마진이 작동한다고 믿지 않습니다. 외부에 div를 추가하고 그 위에 여백을 둡니다.

<!DOCTYPE HTML> 
<html> 
    <head> 
<!-- various FB metadata --> 
<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5,     user-scalable=yes" /> 

<title>Slideshow</title> 
</head> 

<body> 
<div style="padding:5px"> 
<div id="slideshow"> 
<!-- various html/jquery for slideshow --> 
</div> 
</div> 
</body>

출처

2012-07-23 05:05:07 OneChillDude

감사! 예, 필자는 ''에서'>'를 빼먹었습니다. 귀하의 예에 따라 패딩을 시도했지만 불행히도 그것은 작동하지 않았습니다. –

당신은 페이스 북 응용 프로그램의 본문에 여백을 어떻게 추가합니까? – OneChillDude

페이스 북 iframe 앱 주위에 패딩 추가

답변

관련 문제