Перейти к содержанию
Форум поддержки пользователей VamShop

Резиновый шаблон, вопросы растягивания


Рекомендуемые сообщения

Поставлена задача сделать похожий резиновый шаблон http://www.medtechnika.com.ua/ , у меня при увеличении уменьшаются ширина всех колонок, а на том шаблоне при увеличении сайт уходит вправо. Если я не ошибаюсь правая колонка фиксирована, а левая и центр резиновые. И меню не перескакивает на следующую строчку при увеличении. У меня шаблон на div. Как это делается? Может нужно было таблицами делать, чтобы так получилось?!

Ссылка на сообщение
Поделиться на другие сайты

у меня при увеличении уменьшаются ширина всех колонок
как это Вам удалось?

Если я не ошибаюсь правая колонка фиксирована, а левая и центр резиновые.
ошибаетесь. все наоборот.

Может нужно было таблицами делать, чтобы так получилось?!
может, нужно было найти грамотного html-верстальщика?
Ссылка на сообщение
Поделиться на другие сайты

как это Вам удалось?

ошибаетесь. все наоборот.

может, нужно было найти грамотного html-верстальщика?

1. Мне уже почти всё удалось сделать по главной странице. У меня есть опыт работы с фиксированным шаблоном, а резиновый делаю первый раз, поэтому задаю здесь вопросы. 2. Установил фиксированную левую колонку., центр и правую оставил как есть. При увеличении, левая колонка наезжает на центр. 3. Заказывать сильно грамотного верстальщика уже не нужно. Макет простой, особо сложного ничего нет.


/* Центр */
div#wrapper
{
float: left;
width: 100%;
}
div#content
{
margin: 0 22%; /* отступ центра от боковых колонок */
}
/* /Центр */
/* Левая колонка */
div#left
{
float: left;
width: 20%; /* Ширина левой колонки */
margin-left: -100%;
background: transparent;
}
/* /Левая колонка */
/* Правая колонка */
div#right
{
float: left;
overflow: auto;
width: 20%; /* Ширина правой колонки */
margin-left: -20%;
background: transparent;
}
/* /Правая колонка */
[/CODE]

p.s. Ничего не прошу. Если в рамках технической поддержки, я могу рассчитывать на поддержку в этом вопросе, было бы хорошо.

Ссылка на сообщение
Поделиться на другие сайты


<!--[if IE 6]>
<style>
.special1{
background-image: url("templates/v_med/img/special1x.gif");
div#container {
width:expression((document.compatMode && document.compatMode == "CSS1Compat") ? (document.documentElement.clientWidth < 930 ? "930px" : "") : (document.body.clientWidth < 930 ? "930px" : ""));
}
}
</style>
<![endif]-->
[/CODE]
[CODE]
<!-- Контейнер --><div id="container"[color=#ff0000] style='width:expression((document.compatMode && document.compatMode == "CSS1Compat") ? (document.documentElement.clientWidth < 930 ? "930px" : "") : (document.body.clientWidth < 930 ? "930px" : ""));'>[/color]
<div class="div_i_1"><div class="container_bkg2"> <div><!-- Центр --><div id="wrapper"><div id="content"><div id="content2"><!-- Навигация --><div id="navigation" style="overflow:hidden;"><p><b><a href="http://www.medtechnika.com.ua/">Главная</a></b></p></div><!-- /Навигация --><div class="div_i_2">

Что это за стиль? Зачем он нужен?

Ссылка на сообщение
Поделиться на другие сайты
Ссылка на сообщение
Поделиться на другие сайты

Вот гляньте статью - http://vamshop.ru/fo...n-%d0%b8-float/

Как раз про изменения позиции колонок, к примеру, может поможет чем.

Не то. Получается, когда делаю левую колонку фиксированную, а центр и правую резиновые, при увеличении Ctrl + левая колонка наезжает на центр, а нужен вот такой вариант - http://www.medtechnika.com.ua/
Ссылка на сообщение
Поделиться на другие сайты

Наверное неправильно стили правите.

Стили поправил. Левую колонку сделал фиксированную, центр и правую плавающие. Всё работает как на vamshop_default, только каталог выводится по фиксированной ширине. Однако, есть один момент, разобраться в котором у меня не получается. При увеличении Ctrl+ (на этом сайте http://www.medtechnika.com.ua/) до определенного момента всё остается в рамках отображения монитора, затем содержание смещается вправо и ничего не искажается, а вот на vamshop_default, при увеличении содержание увеличивается и искажается в рамках видимости монитора. Может подскажите, что поправить или хотя бы направление в котором разбираться? Пересмотрел все стили, не нахожу ничего, что позволяет отображать сайт таким образом.
Ссылка на сообщение
Поделиться на другие сайты

Что с этим сделать лично я не знаю, наверное места не хватает и поэтому распадается, разве что делать не резиновый вариант.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...