2012-04-19 10 views
0

ショッピングカートには、以下のusint HTMLが作成されています。 ボルワーでctrl + +を使用してページをズームアウトすると、イメージとテキストが重なり合ってイメージが広くなりますが、テキストはイメージよりも上に移動します。 テキストを画像の後に開始するようにこれを修正するには?イメージと説明のオーバーラップの方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
... 
     <div> 
      <div style="float: left; width: 30%"> 

       <a class="fbox" href="/store/Store/Lightbox?product=FTL286%252f42"> 
        <img style="width: 200px" alt="" src="/store/Store/MainImage?product=FTL286%252f42" /> 
       </a> 
      </div> 
      <div style="float: left; Xmargin-left: 4%"> 
       <div style="margin: 3%"> 

       </div> 
       <div> 
        <b> 
         € 78,92</b> 
        <br /> 

        <br /> 
        <div style="height: 1.5px"> 
        </div> 
Availability:<b> 
         In order 
        </b> 
        <form action="/store/Store/Details?product=FTL286%252f42" method="post"> 
        <br /> 
        <input id="ProductId" name="ProductId" type="hidden" value="FTL286/42" /> 
        Quantity 
        <input id="Quantity" name="Quantity" style="width:30px" type="text" value="1" /> 

       </div> 
       <br /> 
       <br /> 
       <input type="submit" value="Add to cart" class="button green rounded" /> 
       </form> 
      </div> 
     </div> 

答えて

0

画像が200pxのように固定されている場合は、右側の部門で<div style="margin-left: 250px">を使用できます。

SEE DEMO