Есть сайт http://www.arivik-reisen.ru . Сверху главное горизонтальное меню(mainmenu) стоит на позиции user3. Проблема: размер меню строится от разрешения экрана. поетому если разрешение поставить небольшое и сайт не уместится (появится горизонтальный скролл) меню выравнивается под размеры окна, но когда двигаешь горизонтальный скролл можно увидеть, что меню кончается и там остается дырка... Как исправить ? (вариант с фиксированным размеров ширины сайта не катит) в шаблоне Код (PHP): <div id="headmenu"> <div id="horiz-menu" class="<?php echo $mtype; ?>"> <?php if($mtype != "module") : ?> <?php echo $topnav->display(); ?> <?php else: ?> <?php mosLoadModules('user3',-1); ?> <?php endif; ?> </div> </div> в ксс Код (CODE): div#headmenu { background:url(../images/top_bg.png) 0 100% repeat-x; position: relative; margin:0 -1% 30px; padding:0 1%; height:55px; } div#horiz-menu ul { margin:0; padding:0; list-style:none; } div#horiz-menu li { background:url(../images/normal_r.png) 100% 100% no-repeat; display:block; float:left; padding:0; margin:0; width:14%; } div#horiz-menu li a:link, div#horiz-menu li a:visited { text-decoration:none!important; font-size:1.154em; color:#fff; height:55px; line-height:53px; display:block; padding:0 10px 0 12px; margin:0 4px 0 0; text-align:center; } div#horiz-menu li a:hover, div#horiz-menu li.active a:hover, div#horiz-menu li.active a, div#horiz-menu li.sfHover a { background:url(../images/active_ld.png) 50% 100% no-repeat; } чтобы не менять разрешение, вставил скрин с возникшей проблемой
Я, возможно, разобрался с вашей проблемой. Все дело в верстке сайта. Смесь дивов и таблиц - это просто ужас, особено, если верстать резиновый сайт. если убрать таблицы из header-a и wrapper-a, то меню (как впринципе и все элементы) нормально растягивается на всю ширину броузера при изменении его размеров. Единственное, что я могу порекомендовать, перепроверьте все свойства таблиц, возможно, где-то кто-то пакостит. Но еще лучше, если вы переверстаете все на дивы, или на таблицы. Или, хотя бы, чтобы таблица в диве была в один столбик. Возможно, при более детальном рассмотрении верстки шаблона, порекомендовал бы что-нибудь более преемлемое, но не вдавался в тонкости верстки, т.к. очень много контента. Одно могу сказать точно, всю малину портят таблицы. Вобщем-то, шаблоны такого типа, легко и безболезненно верстаются на дивах. С уважением. P.S. Если будут вопросы, то в личку.
Ага, прям. Всегда верстаюсь, используя div и table. Мне очень интересно сколько Вы будете делать трехколоночную структуру резинового сайта, где левая и правая колонка фиксированные, а тянется только центр? НА table это деляется за минуту, где левой и правой колонке задается фикс размер, а центру - auto. И отображаться будет корректно везде. А на див надо полчаса верстаться, используя отрицательные margin и дополнительные вложенные div + потом подгонять под IE 6 и, возможно, под IE 7. Так что таблицы - это очень хороший помощник при верстке резины. Единственное - не перебарщивать с ними, как в верстке сайта автора темы. Там действительно перебор... По теме. Верстка, конечно, оставляет желать лучшего. Полностью разобраться не удалось, но быстро поправить можно так: Добавьте сразу после <body> еще один table: Код (html): <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td> И закройте его в самом низу, перед закрывающим </body>: Код (html): </td> </tr> </table> Это пофиксит Ваш баг.
gft спасибо, помогло но думаю это не выход из положения, надо во всем разбираться phpcoder да, к сожалению верстка не лучшего типа, она делалась не мной, а мне полностью разобраться сейчас не получаеться... мало свободного времени на это, и мой небольшой опыт работы не дает быстро работать спасибо за совет, возможно когда-нибудь займусь этим серьезно
