I am very new to web devel so forgive me if this is a really simple question.
I would like to have two div’s side by side left and right. I want the right div to have an auto width and a max-width like 300px. the left div has a min width of 600px. How would I have the left div expand to fill the space of the right div when the right div is less than 300px?
Here is my html & CSS but its not working the right div is showing under the left div.
[CODE]<div id=”wrap”>
<div id=”left”>
</div>
<div id=”right”>
</div>
</div>
div#wrap{
background-color: #FFFFFF;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 5px;
width: 900px;
div#left {
float: left;
height: auto;
margin-left: 15px;
min-width: 600px;
width: auto;
}
div#right {
background-color: #CCCCCC;
float: right;
height: auto;
margin: 0 15px 15px 0;
width: auto;
max-width: 300px;