Всем привет! Есть здесь такая проблема если большой экран, то один div заезжает на другой. Уменьшал через ctrl. Помогите, а то не красиво смотрится. HELP!
http://funkyimg.com/u2/4690/520/732785fail.png
Примечание:
overflow: hidden; не помогает. Или куда его прописывать. Прописал ко всем трем колонкам..
Примечание:
Не понял, ширина в px. Шаблон не надо резиновый. Не уж-то никто не поможет?
Примечание:
width: 550px;
height: 100%;
padding-bottom: 30px;
float: left;
}
#services h2 {
font-size: 25px;
padding: 0px 20px 15px 20px;
color: #1b579e;
font-family: HeliosExtThin;
}
#services ul {
list-style-image: url(images/li.png);
font-family: Helvetica, sans-serif;
font-size: 12.5px;
margin-left: 30px;
color: #777780;
}
#services ul li {
padding: 2px;
}
#support {
width: 350px;
height: 100%;
margin-left: -200px;
padding-bottom: 30px;
float: left;
}
#support h2 {
font-size: 25px;
padding: 0px 20px 15px 20px;
color: #1b579e;
font-family: HeliosExtThin;
}
#support ul {
list-style-image: url(images/li.png);
font-family: Helvetica, sans-serif;
font-size: 12.5px;
margin-left: 30px;
color: #777780;
}
#support ul li {
padding: 2px;
}
#contact {
width: 285px;
height: 100%;
padding-bottom: 30px;
float: right;
padding-right: 15px;
}
#contact h2 {
font-size: 25px;
padding: 0px 20px 15px 0px;
color: #1b579e;
font-family: HeliosExtThin;
}
#contact ul {
list-style-image: url(images/li.png);
font-family: Helvetica, sans-serif;
font-size: 12.5px;
margin-left: 15px;
color: #777780;
}
#contact ul li {
padding: 2px;
}
<div id="services">
<h2>Мои усулги:</h2>
<ul>
<li>Создание сайта с нуля</li>
<li>Создание сайта из моих исходников</li>
<li>Редизнайн какого-либо другого сайта</li>
<li>Верстка из PSD макетов в HTML</li>
<li>Верстка из PSD макетов в CMS</li>
<li>Устранения ошибок на вашем сайте</li>
<li>Увелечение валидности у вашего кода</li>
</ul>
</div>
<div id="support">
<h2>Техподдержка:</h2>
<ul>
<li>1 неделя- 50 р.</li>
<li>2 недели - 80 р.</li>
<li>1 месяц - 200 р.</li>
<li>2 месяца- 350 р.</li>
<li>2.5 месяца- 390 р.</li>
<li>3 месяца- 450 р.</li>
<li>3.5 месяца- 500 р.</li>
</ul>
</div>
<div id="contact">
<h2>Мои контакты:</h2>
<ul>
<li>Дата-центр: Нью-Йорк, Куинс-бульвар</li>
<li>Телефон: +7 (921) xxx xx xx</li>
<li>E-mail:
[email protected]</li>
<li>Skype: xxxxxx</li>
<li>Jabber: xxxxx</li>
<li>ICQ: xxxxxx</li>
<li>QIP: xxxxx</li>
</ul>
</div>
Примечание:
Если убрать margin-left третья колонка не вписывается под размер, да и расположение ее меня не устраивает :(
Примечание:
Вот, ссылка в песочнице.
Если расширить поле, и у Вас большой экран или просто уменьшить масштаб через ctrl -, то первый столбец будет заезжать на второй. :/
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.