Плаващ елемент и автоматична ширина...

[trevata]

Здравейте.

Днес се сблъсках с един проблем. Имам 3 див-а един до друг. Средния див трябва да е с автоматична ширина, но понеже се намесва и float: left;, нещата не се получават. Та ще се радвам ако ми подскажете как да го направя.

[css]div#leftHolder {
display: inline;
float: left;
width: 170px;
height: 500px;
}
div#centerHolder {
display: inline;
float: left;
width: auto;
min-width: 684px;
height:600px;
border: 1px solid green;
}
div#rightHolder {
display: inline;
float: left;
width: 170px;
height: 500px;
}[/css]

		<div id="leftHolder"></div>
		<div id="centerHolder"> </div>
		<div id="rightHolder"></div>

 

[eddy]

[css]

#al {
height: 600px;
float:left;
}

div#leftHolder {
display: inline;
float: left;
width: 170px;
height: 500px;
}
div#centerHolder {
display: inline;
float: left;
width: auto;
min-width: 684px;
height:600px;
border: 1px solid green;
}
div#rightHolder {
display: inline;
float: left;
width: 170px;
height: 500px;
}

<div id="al">
<div id="leftHolder"></div>
		<div id="centerHolder"> </div>
		<div id="rightHolder"></div>
</div>

Мисля си че може да стане , махни и float:left на centerholder

 

[tedo96]

Така?
[css]div#centerHolder {
display: inline;
float: left;
width: 100%;
min-width: 684px;
height:600px;
border: 1px solid green;
}
[/css]
Ако не стане пробвай на десния див да сложиш float: right;