Question

If I have two divs and one will change width each time the page is loaded (the page loads a different picture each time) how do I make the other one expand or de-expand so it hits the other div?

Problem solved so I took out the URL.

Answer 1

Here is the HTML structure and CSS you would need:

<div id="wrapper">
    <div id="image"></div>
    <div id="summary"></div>
</div>​

#wrapper
{
    padding: 30px;
    float: left;
    width: 500px;
    height: 400px;
    background:#00FF00;    
}

#image
{
    float:left;
    width:100px;
    height:250px;
    background: #CCCCCC;
}

#summary
{
    width:auto;
    height:200px;
    background: #FF0000;    
}​

Here is a DEMO for you to play with. Adjust the width of the picture div and see how the summary div responds