Отступ между изображением и границей
Я разрабатываю facebook fanpage, У меня проблема с пространством между основным изображением, которое я использую, и границей страницы. Я просто хочу, чтобы изображение появилось и заняло все пространство на фан-странице. Вот мой код,
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nikah4Life</title>
<script type="text/javascript">window.fbAsyncInit = function() {FB.Canvas.setSize();}// Do things that will sometimes call sizeChangeCallback()function sizeChangeCallback() {FB.Canvas.setSize();}</script>
</head>
<body>
<div style="text-align:center; width:532px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_8201108311953149" src="sponsors.jpg" usemap="#Image-Maps_8201108311953149" border="0" width="400" height="700" alt="" />
<map id="_Image-Maps_8201108311953149" name="Image-Maps_8201108311953149">
<area shape="rect" coords="53,6,356,33" href="http://www.nikah4life.com/" target="_blank" alt="" title="" />
<area shape="rect" coords="146,650,259,691" href="http://www.nikah4life.com/" target="_blank" alt="" title="" />
<area shape="rect" coords="59,269,123,303" href="http://twitter.com/#!/Nikah4Life" target="_blank" alt="" title="" />
<area shape="rect" coords="165,269,236,303" href="http://www.youtube.com/nikah4life" target="_blank" alt="" title="" />
<area shape="rect" coords="268,269,349,303" href="http://www.nikah4life.com/contact.php" target="_blank" alt="" title="" />
<area shape="rect" coords="8,328,179,397" href="http://harunyahya.co.uk/" target="_blank" alt="" title="" />
<area shape="rect" coords="134,396,291,461" href="http://www.linksdisti.com/" target="_blank" alt="" title="" />
<area shape="rect" coords="222,324,395,399" href="http://www.zainbhikha.com/index.htm" alt="" target="_blank" title="" />
<area shape="rect" coords="245,488,387,625" href="http://www.youtube.com/nikah4life" alt="" target="_blank" title="" />
<area shape="rect" coords="361,426,395,459" href="http://www.technology-arena.com/" alt="" title="" />
<area shape="rect" coords="8,426,40,459" href="http://www.technology-arena.com/" alt="" title="" />
</map>
</div>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'your APP ID Goes Here',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true// parse XFBML
});
FB.Canvas.setAutoResize(7);
</script>
</body>
</html>
РЕДАКТИРОВАТЬ: изменение выравнивания от середины к левому сделал это работает. Спасибо за ответы.
2 ответа
Предполагается, что холст для страниц имеет границу. Я не думаю, что это может быть удалено.
Используйте этот код в вашем CSS
тело {ширина:520 пикселей; Маржа:0; обивка:0; граница:0; переполнение: скрытый; }