Magento靜態塊在Internet Explorer上的位置與在Chrome瀏覽器上的不同，火狐

Question

我在一個magento網站上創建了3個靜態塊（'vert_nav_link'，'social_network'和'vert_goto_hapi'），並將它們放在左列邊欄）。在Chrome，Firefox和Safari上，它們都顯示在左側。在IE 8上，最後一個靜態塊結束於主列。不知道爲什麼，因爲我在這三個人身上使用了相同的編碼。這裏是php代碼，

<div class="main-container col2-left-layout"> 
    <div class="main"> 
     <div class="col-main"> 
      <?php echo $this->getChildHtml('content') ?> 
     </div> 
     <div class="col-left sidebar"> 
      <?php echo $this->getChildHtml('breadcrumbs') ?> 
      <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('vert_nav_link')->toHtml(); ?> 
      <?php echo $this->getChildHtml('left') ?> 
      <?php echo $this->getChildHtml('right') ?> 
      <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('social_network')->toHtml(); ?> 
      <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('vert_goto_hapi')->toHtml(); ?>  
     </div> 
    </div> 
</div> 

任何見解將有所幫助。

謝謝

Answer 1

檢查這些：

* HTML的最後一塊是有效的。意思是沒有像這樣的東西：

<span</span> 

*更改左塊高度。這可能只是css問題。因此，儘量增加左塊高度，並可能將此塊放在左側，但我不確定，因爲我不是CSS大師。同時顯示：內聯塊或內聯可能會解決您的問題。