Подскажите пожалуйста как верно сверстать страничку. Получить нужно вот что:
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;
}
Подскажите пожалуйста, как реализовать?
Примечание:
Не ищите в этой хитроконструкции того как должен распологаться контент, его там не будет. Квадратик - картинка, а внутри полосочек будет несколько ссылок, возможно иконок. В общем то это шапочка просто.
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.