OleKh 4 Опубликовано 17 декабря, 2011 Жалоба Share Опубликовано 17 декабря, 2011 Поставлена задача сделать похожий резиновый шаблон http://www.medtechnika.com.ua/ , у меня при увеличении уменьшаются ширина всех колонок, а на том шаблоне при увеличении сайт уходит вправо. Если я не ошибаюсь правая колонка фиксирована, а левая и центр резиновые. И меню не перескакивает на следующую строчку при увеличении. У меня шаблон на div. Как это делается? Может нужно было таблицами делать, чтобы так получилось?! Ссылка на сообщение Поделиться на другие сайты
YuraS 4 Опубликовано 17 декабря, 2011 Жалоба Share Опубликовано 17 декабря, 2011 у меня при увеличении уменьшаются ширина всех колоноккак это Вам удалось? Если я не ошибаюсь правая колонка фиксирована, а левая и центр резиновые.ошибаетесь. все наоборот. Может нужно было таблицами делать, чтобы так получилось?!может, нужно было найти грамотного html-верстальщика? Ссылка на сообщение Поделиться на другие сайты
OleKh 4 Опубликовано 17 декабря, 2011 Автор Жалоба Share Опубликовано 17 декабря, 2011 как это Вам удалось? ошибаетесь. все наоборот. может, нужно было найти грамотного 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. Ничего не прошу. Если в рамках технической поддержки, я могу рассчитывать на поддержку в этом вопросе, было бы хорошо. Ссылка на сообщение Поделиться на другие сайты
OleKh 4 Опубликовано 17 декабря, 2011 Автор Жалоба Share Опубликовано 17 декабря, 2011 <!--[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"> Что это за стиль? Зачем он нужен? Ссылка на сообщение Поделиться на другие сайты
support 447 Опубликовано 17 декабря, 2011 Жалоба Share Опубликовано 17 декабря, 2011 Вот гляньте статью - http://vamshop.ru/forum/topic/8363-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d1%8f%d0%b5%d0%bc-%d0%b2%d0%bd%d0%b5%d1%88%d0%bd%d0%b8%d0%b9-%d0%b2%d0%b8%d0%b4-%d1%88%d0%b0%d0%b1%d0%bb%d0%be%d0%bd%d0%b0-vamshop-css-%d1%81%d0%b2%d0%be%d0%b9%d1%81%d1%82%d0%b2%d0%b0%d0%bc%d0%b8-margin-%d0%b8-float/ Как раз про изменения позиции колонок, к примеру, может поможет чем. Ссылка на сообщение Поделиться на другие сайты
OleKh 4 Опубликовано 17 декабря, 2011 Автор Жалоба Share Опубликовано 17 декабря, 2011 Вот гляньте статью - http://vamshop.ru/fo...n-%d0%b8-float/ Как раз про изменения позиции колонок, к примеру, может поможет чем. Не то. Получается, когда делаю левую колонку фиксированную, а центр и правую резиновые, при увеличении Ctrl + левая колонка наезжает на центр, а нужен вот такой вариант - http://www.medtechnika.com.ua/ Ссылка на сообщение Поделиться на другие сайты
support 447 Опубликовано 17 декабря, 2011 Жалоба Share Опубликовано 17 декабря, 2011 Наверное неправильно стили правите. Ссылка на сообщение Поделиться на другие сайты
OleKh 4 Опубликовано 20 декабря, 2011 Автор Жалоба Share Опубликовано 20 декабря, 2011 Наверное неправильно стили правите. Стили поправил. Левую колонку сделал фиксированную, центр и правую плавающие. Всё работает как на vamshop_default, только каталог выводится по фиксированной ширине. Однако, есть один момент, разобраться в котором у меня не получается. При увеличении Ctrl+ (на этом сайте http://www.medtechnika.com.ua/) до определенного момента всё остается в рамках отображения монитора, затем содержание смещается вправо и ничего не искажается, а вот на vamshop_default, при увеличении содержание увеличивается и искажается в рамках видимости монитора. Может подскажите, что поправить или хотя бы направление в котором разбираться? Пересмотрел все стили, не нахожу ничего, что позволяет отображать сайт таким образом. Ссылка на сообщение Поделиться на другие сайты
support 447 Опубликовано 21 декабря, 2011 Жалоба Share Опубликовано 21 декабря, 2011 Что с этим сделать лично я не знаю, наверное места не хватает и поэтому распадается, разве что делать не резиновый вариант. Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения