css - 右にフローティング div がない場合、左にフローティング div を展開するにはどうすればよいですか?

Question

等しい長さの 3 つの子 div を含む div があり、右側にイメージ div (子である必要はありません) があります。私の CMS の仕組みでは、[if image] ステートメントを使用して、画像が読み込まれている場合に画像 div を表示できます。しかし、画像がない場合、最初の 3 つの子 div に異なる動作をさせるように指示することはできません。画像がない場合は親のように 800px にしますが、画像がある場合は 490px にして、画像が右に浮く余地を作ります。残念ながら、私の CMS の「if」関数には「else」関数がありません。

親 div はストーリーであるため、CMS がロードするページには複数の親 div があります。下の犬のように、CMS [if image] に表示したい画像がある場合。 http://i2.photobucket.com/albums/y44/elfshadowreaper/example1.jpg

しかし、画像のないストーリーでは、このように子 div の幅を 800px に増やしたいと思います。 http://i2.photobucket.com/albums/y44/elfshadowreaper/example2.jpg

ここに私が持っている基本的なコードがあります: HTML

<div class="parent_div">
    <div class="child_div_a">
    </div>
    <div class="child_div_b">
    </div>
    <div class="child_div_c">
    </div>
</div>

<div class="image_div"> <!-- this doesn't have to be outside the parent div if it'll work that way-->
    <img src="www">
</div>

CSS

.parent_div {
    width: 800px;
    float: left;
}
.child_div_a {
    width: 490px;
    float: left;
}
.child_div_b {
    width: 490px;
    float: left;
}
.child_div_c {
    width: 490px;
    float: left;
}
.image_div {
    width: 300px;
    float: right;
}