0

我有一个 Facebook iframe 应用程序，使用流体宽度。

我不知道如何在这个应用程序和外部顶部内容、左边距和右边内容之间创建空间。

目前，我的 Facebook 应用程序和周围的外部内容之间没有空间。

尝试了各种 CSS padding，但这些都为 iframe 应用程序内margin的内容添加了间距。

这是所要求的相关标记（谢谢）。

HTML：

<!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 id="slideshow">
    <!-- various html/jquery for 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 */
}
4

1 回答 1

2

A) 用 > 关闭你的 body 标签

<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-23T05:05:07.857 回答