css layout - break down

Question

Так что я пытаюсь получить эффект наличия двух кадров внутри рамки шириной 750 пикселей.

.news {width: 750px;} 
.news1 {width:550px;} 
.news2 {width:200px;} 

Очень простой css на данном этапе.

HTML/PHP:

  <div class="news"> 
      <div class="format"><a href='newspiece.php?news=<?echo $id?>'><?echo "$subject\n";?></a></div> 
       <div class="news1"> 
        <? 
        echo "<div class='content'>"; 
        echo nl2br($comment); 
        echo "<a href='newspiece.php?news=$id'>..[read more]..</a>\n"; 
        echo "</div>"; 
        ?> 
        <h5><? echo "Posted by <a href=\"userprofile.php?user=$posted\">$posted</a> on $final_date\n";?></h5> 
        <? echo "<br />\n";?> 
       </div> 
       <div class="news2"> 
        <img src="images/news/<? echo $id?>.jpg" /> 
       </div> 
      </div>] 

Проблема я получаю то, что изображение, которое должно быть справа происходит внизу. Таким образом, новость1 находится выше новостей2, а не бок о бок. Любые идеи?

Answer 1

Попробуйте использовать

.news1, .news2 {float: left} 

Answer 2

Вы должны установить float собственность на дивы:

.news1 {width:550px; float: left;} 
.news2 {width:200px; float: right;}