Есть несколько блоков, которые расплываются на несколько (три) строк при изменении размеров экрана (также наплывают на последующие блоки. clear не помог). Как решить данную проблему?
html:
<div id="top">
<div id="rightmenu"></div>
<div id="lang">
<div id="lang1"><a href="http://www.nevinpat.by">RUS</a></div>
<div id="lang1"><a href="http://www.en.nevinpat.by">ENG</a></div>
</div>
<div id="middlemenu">какой-то текст, изменяющийся динамически</div>
<div id="leftmenu"></div>
</div>
css:
#leftmenu{
float:right;
width:26px;
height:36px;
background-image: url('top-menu-left.png');
right:50%;
position: relative;
}
#middlemenu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float: right;
height:36px;
padding-right:20px;
background-image: url('top-menu-center.png');
background-repeat: repeat-x;
right:50%;
position: relative;
}
#top{
height:36px;
position: relative;
float: left;
left: 50%;
}
#rightmenu{
float: right;
width:26px;
height:36px;
background-image: url('top-menu-right.png');
right:50%;
position: relative;
}
#lang {
float: right;
height:36px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
padding-left:8px;
padding-right:5px;
background-image: url('top-menu-center2.png');
background-repeat: repeat-x;
font-size:10px;
right:50%;
position: relative;
}
Примечание:
Они в одной горизонтали, но при изменении размеров экрана блоки просто расплываются на 3 строки. Блок с контентом оказывается растянутым на всю ширину, а те, что с картинками, выстраиваются сверху и снизу центрального
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.