В общем ещё одна проблемка есть вот такой каркас
Свернутый текст
<div id="wrapper">
<header></header>
<div id="middle">
<div id="menu">
<ul>
<li></li>
</ul>
</div>
<div id="banner"> </div>
<div id="content">
<div class="block"> </div>
<div class="block"> </div>
</div>
</div>
</div>
и вот такой стиль к нему
#wrapper{height:100%;width:100%;}
#middle{width:60%;margin-left:20%;min-height:300px;min-width:300px;}
#banner{margin-top:30px;width:110%;margin-left:-5%;height:300px;z-index:2;}
#content{margin-top:40px;}
#content div.block{max-height:500px;min-height:250px;max-width:300px;min-width:150px;margin:50px;}
Если верить разметке, то два блока класса block находятся внутри блока content. В данном случае так оно и есть, но если в последнюю инструкцию добавить float:left (чтобы блоки были на одной строке), результат получается очень странным:
1. div content вдруг сжимается и по высоте становится таким же как banner
2. оба блока block остаются ниже content и не хотят обратно постоянно соблюдая отступ между content и block
3. если в content появляется текст, то дивы block начинают на него реагировать (на текст) в порядке поступления, т.е. если текст на половину строки то опускается левый блок, а если на всю строку то опускается и второй блок.
Как заставить эти два дива оставаться в content и реагировать на текст одновременно а не по очереди?
_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки