こんにちは、私たちのフロント ページ Web サイトの Facebook フィード ページとの位置合わせの問題が発生しています。
すべてのセクションは中央に揃えるか、少なくとも残して、それらの間にパディングを入れて均等に見えるようにすることを意図していますが、Facebookのセクションはパディングなしでインスタグラムフィードに押し上げ続けます
Web サイトは braaap-dev.3dcartstores.com にあり、問題のコードは以下のとおりです。
<!--START: FRAME_MAILLIST-->
<form method="post" name="mailing" action="mailing_list.asp?action=add" onsubmit="return mailing_list();" style="margin:0px;padding:0px;margin-bottom:12px;">
<div style="font-size:14px;"><span style="font-weight: bold; ">Sign-up to our weekly newsletter & stay up to date<br>with events, promotions & specials!</span></div>
<div style="padding:10px 0px;"><input name="email" type="text" class="txtBoxStyle" value="enter your email" size="18" onfocus="javascript:if (document.mailing.email.value=='enter your email') {document.mailing.email.value='';};" onblur="if(this.value.length == 0) this.value = 'enter your email'" style="font-size:12px;width:315px;padding:8px 14px;_padding:10px 14px 6px 14px;padding:10px 14px 6px 14px\0;padding:10px 14px 6px 14px\9;"></div>
<div><input name="subscribe" value="1" type="hidden"><input type="image" name="www" src="assets/templates/[template]/images/signup.jpg"></div>
</form>
<!--END: FRAME_MAILLIST-->
<div>
<style type="text/css">
div.feedburnerFeedBlock ul li {
float: left;
width: 325px;
height: 60px;
}
div.feedburnerFeedBlock {
background-color:#FFFFFF;
padding:20px;
color:#7A7A7A;
font-family:tahoma;
font-size:11px;
}
div.feedburnerFeedBlock ul {
margin-left:0px;
padding-left:0px;
list-style-type: square;
}
div.feedburnerFeedBlock ul li span.headline {
font-size:16px;
font-weight:bold;
color:#000000;
text-decoration:none;
display:block;
margin:5px 0 0 0;
}
.headline a{
font-size:14px;
color:#000000;
}
.headline a:hover{
color:#DF01A5;
}
.feedTitle a{
font-size:16px;
font-weight:bold;
color:#000000;
}
.postlink{
font-size:11px;
}
div #creditfooter{
display: none;
}
</style>
<script src="http://feeds.feedburner.com/LatestFromTheBlog?format=sigpro" type="text/javascript" ></script>
</div></td>
<td align="left" valign="top"><a href=""><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/braaapOnline" data-width="266" data-height="420" data-show-faces="true" data-stream="true" data-header="true"> </div>
</a></td>
<td align="right" valign="top"><a href=""><iframe src="http://snapwidget.com/in/?u=YnJhYWFwb25saW5lfGlufDEzNXwyfDN8fG5vfDV8bm9uZXxvblN0YXJ0fHllcw==&v=19913" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:266px; height: 420px" ></iframe></a></td>
</tr>
</tbody></table>
これは、ニュースレターのサインアップ、ブログ フィード、Facebook、インスタグラムを含む、行全体のコードです。
助けてください！！