Есть хедер в котором слева и справа стоят div'ы с фиксированными размерами, а между ними
пустой div, который имеет свой фон и должен быть адаптивным и, соответственно, сужаться и расширяться по случаю. Как сделать такое? Код такой:
<div class="logo-small">Logo small image</div>
<div class="help">Help button</div>
<div class="empty"></div>
.logo-small { float: left; width: 150px; }
.help { float: right; width: 100px; }
.empty { overflow: hidden; display: block; }
Нашел такой вариант
<div id="leftCol"></div>
<div id="rightCol"></div>
<div id="centerCol"></div>
#leftCol {float: left; width: 175px;}
#rightCol {float: right; width: 175px;}
#centerCol {overflow: hidden;}
попробовал применить - не срабатывает. Как победить это?