Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></div> <div class="top2"><br></div> </body> Текущий код CSS: .top1{ border-bottom: 1px solid black; border-top: 1px solid black; margin-top: 150px; float:left; width:52%; } .top2{ border-bottom: 1px solid black; border-top: 1px solid black; margin-top: 200px; float:left; width:37%; } .img1{ border: 1px solid black; margin-top: 20px; float:left; width: 200; height: 260; } Подскажите пожалуйста, как реализовать? UPD: Задача решена. http://otvety.google.ru/otvety/thread?tid=378ca31fa9be4f59
