は、私は以下のスニペット（表のセル）に残って絵を浮上しようとしていますネストされたdivの

Question

で左画像を含むdivのフローティング。以下に示すもの以外にCSSは適用されていません - 私が考えることができるすべてを試しましたが、無駄です。私はFFでページを表示しています。

<tr> 
    <td> 
     <div> 
      <div style="width:60%; float left;"> 
       <div> 
        <div><h4 style="margin:0px 0px;">Hello</h4> <strong>World!</strong></div> 
        <div>Line 1</div> 
        <div>Line 2</div> 
        <div>Line 3</div> 
       </div> 
       <div> 
        <div>Line 4</div> 
        <div>Line 5</div> 
       </div> 
       <!-- no effect, so commented out 
       <div style="clear:both; height: 1px;"></div> --> 
      </div> 
      <!-- I want this next div floated right as instructed in the CSS - but it has no effect! :/ -->      
      <div style="width:35%; float right;"> 
       <a href="<?php echo $row['page_link']; ?>"><img src="<?php echo $row['photo_link']; ?>" /></a> 
      </div> 
      <!-- no effect, so commented out 
      <div style="clear:both; height: 1px;"></div> --> 
     </div> 
    </td> 
    </tr> 

何が間違っていますか？ :なし

Answer 1

<div style="width:35%; float right;"> 
           ^-- missing : 

、あなただけのCSSの構文エラーを持っているとスタイルのルールは無視されます。

Answer 2

あなたはコロンが不足している：

<div style="width:60%; float:left;"> 

Answer 3

あなたのフロート：右のコマンドが間違っています。コロンがありません。また、浮動小数点divは、その横の浮動小数点数の項目の上のコード内を移動する必要があります。

<tr> 
    <td> 
     <div> 
      <!-- ABOVE AND WITH A COLON! :/ -->      
      <div style="width:35%; float:right;"> 
       <a href="<?php echo $row['page_link']; ?>"><img src="<?php echo $row['photo_link']; ?>" /></a> 
      </div> 

      <div style="width:60%; float left;"> 
       <div> 
        <div><h4 style="margin:0px 0px;">Hello</h4> <strong>World!</strong></div> 
        <div>Line 1</div> 
        <div>Line 2</div> 
        <div>Line 3</div> 
       </div> 
       <div> 
        <div>Line 4</div> 
        <div>Line 5</div> 
       </div> 

      </div> 

      <div style="clear:both; height: 1px;"></div> --> 
     </div> 
    </td> 
    </tr>