css layout - break down

Posted by Luke on Stack Overflow See other posts from Stack Overflow or by Luke
Published on 2010-05-17T20:04:47Z Indexed on 2010/05/17 20:10 UTC
Read the original article Hit count: 289

Filed under:
|

So I am trying to get the effect of having two frames inside a 750px wide frame.

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

Very simple css at this stage.

The 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>]

THe problem I am getting is that the image that should be on the right is going underneath. So in effect, news1 is above news2, rather than side by side. Any ideas?

© Stack Overflow or respective owner

Related posts about css

Related posts about html