2013-09-25 67 views
0

嗨我有我們的頭版網站上的Facebook提要頁面的對齊問題的一些問題。Facebook DIV對齊頁

所有secions都意味着要alinged進入中心,或至少離開,並有填充betweeen他們使它看起來,但Facebook的一個不斷推高到Instagram的飼料沒有填充

的網站位於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和instragram

請幫忙!!

+0

你解決了這個問題嗎? – Riskbreaker

回答

0

應用這些性質的第二<td>(即具有的Facebook頁面飼料的一種)

position: absolute; 
margin-left: -280px; 

而作爲Riskbreaker說,你最好使用Div標籤,因爲它們更清潔,輕鬆應對使用CSS,特別是在你的情況,因爲它似乎是試圖給它一個網格佈局(系統)