Vadimka

я вот толком не понял какие дивы у вас съезжают. я лично понял что вы про меню верхнее, горизонтальное? хотите чтобы по центру и в одну линию? у меня последний пункт в мозиле съезжает на новую строчку по вашей ссылке. посмотрел код.... сделаю замечание. во первых меню - это по сути список, и должно верстаться <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> </ul> а не списком дивов <div> <div><a href="#">Ссылка 1</a></div> <div><a href="#">Ссылка 2</a></div> <div><a href="#">Ссылка 3</a></div> <div><a href="#">Ссылка 4</a></div> </div> родительскому ul {overflov: hidden; margin: 0 auto;} дабы он видел плавающие элементы с float и не выкидывал их за границы li в свою очередь float: left; display: block и будет горизонтальный список. если я не правильно понял, объясните подробнее и ещё, если вы про выравнивание div в котором меню с margin: 0 20%; то он у вас по центру не ровняется потому что вы ему ширину не задали, margin: 0 auto; width: 990px; и всё ок. пробуйте

#menu li a { position: relative; z-index: 3; } #menu li ul { z-index: 2; } http://jsfiddle.net/Qe2Dg/1/ как выглядит

этот разрыв появляется при масштабирование только?? я смотрю у вас в браузере масштаб не 100% а больше, при масштабирование страницы в браузерах частенько такое встречается

overflow: hidden auto будет скрывать всё что за границы, без скриптов никак.

а что трудно сделать так? header, sidebarL, sidebarR, content, float { height: 200px; } или же wrapper { height: 200px; } header, sidebarL, sidebarR, content, float { height: 100%; }

как вариант, проверить чисто, создайте в блокноте чистый файл с кодировкой utf-8, скопируйте код страницы и вставьте в этот новый файл и сохраните. проверьте. а FF11 откуда брали? официальный или модификация какая? я думаю что тут либо к кодировке страницы проблемы, или же сервер что то портит на котором сайт стоит. ну и возможно браузер битый просто.

у вас сама старица какой кодировки то? <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> или <meta charset="utf-8"> ошибки в странице скорее всего. нормальную страницу должен любой браузер понимать

съезжает он из за того что браузеры "кривовато масштабирует", во всех браузерах на нормальном масштабе ничего не съедет у тебя

сам блочный элемент по умолчанияю растягивается на всю ширину своего родителя, задаём ему ширину и он по умолчанию прижат влево, а margin: 0px auto; браузер делит разницу от ширины родителя и ширины дочернего блока на левый и правый марджин, вот и получается выравнивание по центру. это нормальный способ выровнить блок по центру (если конечно у него нет float), в старых IE6 и ниже не работает, тут мы дополнительно ставим text-align: center; тому блоку внутри которого выравниваем контейнер, таким образом и в IE6 работает и в нормальных браузерах.

если у них ширина одинаковая, высота задана, float нет, задать margin: 0 auto; для каждого, вот вам выравнивание по центру и они друг под другом http://jsfiddle.net/YEeNT/ в избежание недопонимания лучше нарисовать в паинте хотя бы то как вы это хотите чтобы люди голову не ломали)) или же так нужно? http://jsfiddle.net/rUAfX/ оборачиваем меню и баннер в контейнер выровненный по центру и всё

дык...если просто два дива с заданой шириной и высотой и с нулевыми margin задать, без float даже, они так и так будут так как вы хотите http://jsfiddle.net/NGUMU/ если нет то вы плохо объясняете)) нарисуйте если не так как надо получилось и ещё...пригляделся в ваш код, float:top; ?????? вы где то увидели или сами придумали?)) http://htmlbook.ru/css/float

нахера скриптами страницы перегружать и прочей херью если можно посредством css html всё сделать. тут подрубили скрипт чтоб таблицы видел, тут чтобы псевдокласы, тут ещё что то и в итоге кто то зашёл на стареньком компе через ie на ваш сайт, охерел от тормозов и ушёл с него. надо делать максимально кросбраузерные сайты с минимальным количеством скриптов

ul#css3menu2 > li:last-child не работает на IE ниже 8.

таблица имеется в виду display: table; у родителя и display: table-cell; у дочерних блоков. div, ul, li будут выстраиваться по типу таблиц, но такой способ не работает в IE ниже 8 версии, а эт не особо хорошо. задать каждому элементу меню свою ширину в сумме равную ширине блока не вариант??

вы хотите чтобы у вас меню на баннер как бы наезжало? задайте отрицательный margin-bottom тому элементу который идёт первым, и чтобы этот margin-bottom был равен высоте своего элемента

border: 1px solid #f00;

я просто в скрипте указал что к кнопка находящимся в блоке с определённым классом обращаться. без высчитывания родителей там и т.д) есть блок с определённым классом, внутри него 4 элементу списка присвоили класс, если внутри этого блока нажать кнопку такую то то будет то то, если другую - то другое будет. - это по моей логике так сказать) по вашей вы обращаетесь через родителя. разницы в результате можно сказать и нет. рад что получилось как надо. всё работает как нужно) jquery недавно начал изучать, по этому кучу ошибок наделал))ато быстрее бы к результату пришли бы :-D

хм...вот результат http://upwap.ru/2924961 в папке examples откройте static_multiple.html, на примере первой карусели увидите.здесь класс fourth присваивается 3 картинке, и видно красную рамку, при перелистывание вперёд и назад она остаётся у третьего из видимых блоков.скрипт подправил. в редакторе откройте тот же файл и увидите <script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.first-and-second-carousel').jcarousel(); // If you want to use a caoursel with different configuration options, // you have to initialise it seperately. // We do it by an id selector here. jQuery('#third-carousel').jcarousel({ vertical: true }); $('#first-carousel li:nth-of-type(3)').addClass('fourth'); $('.jcarousel-prev').click(function(){ if($(this).hasClass('jcarousel-prev-disabled')) { return false; } else { $('#first-carousel .fourth').removeClass('fourth').prev('li').addClass('fourth'); } }); $('.jcarousel-next').click(function(){ if($(this).hasClass('jcarousel-next-disabled')) { return false; } else { $('#first-carousel .fourth').removeClass('fourth').next('li').addClass('fourth'); } }); }); </script> так, подработал скрипт для вашего сайте. у вас как я понял тот список в котором будут всплывающие формы находится в div с классом .b-products_new такого класса больше нет? нужно чтобы список в котором будут всплывающие формы был в div с уникальным классом которого нет больше, и кнопки перелистывания тоже должны быть внутри этого div'a у вас он .b-products_new, списку внутри него задайте id="overflow" тогда скрипт ваш будет таков jQuery(document).ready(function() { $('.b-products_new #overflow li:nth-of-type(4)').addClass('fourth'); $('.b-products_new .jcarousel-prev').click(function(){ if($(this).hasClass('jcarousel-prev-disabled')) { return false; } else { $('.b-products_new #overflow .fourth').removeClass('fourth').prev('li').addClass('fourth'); } }); $('.b-products_new .jcarousel-next').click(function(){ if($(this).hasClass('jcarousel-next-disabled')) { return false; } else { $('.b-products_new #overflow .fourth').removeClass('fourth').next('li').addClass('fourth'); } }); }); вставьте в отдельный файл скрипта и подключите после остальных скриптов. проверил у себя, работает и ещё момент, по умолчанию скрипт карусели листает не по 1 картинке а по три, у вас изменено на 1, если вы измените скролинг на другое кол-во картинок, то мой скрипт надо будет переделать. а если остаётся листание по одной то всё ок.

скачал архив со скриптом на сайте что вы дали. поставил свой скрипт, работает всё кроме перелистывания назад, поскольку кнопке назад изначально задаётся класс jcarousel-prev-disabled. сейчас разгребусь на работе немного и скину то что у меня вышло

$('#overflow li:nth-of-type(4)').addClass('fourth'); $('.jcarousel-prev').click(function(){ if($('.jcarousel-prev').hasClass('jcarousel-prev-disabled')) { return false; } else { $('#overflow .fourth').removeClass('fourth').prev('li').addClass('fourth'); } }); $('.jcarousel-next').click(function(){ if($('.jcarousel-next').hasClass('jcarousel-next-disabled')) { return false; } else { $('#overflow .fourth').removeClass('fourth').next('li').addClass('fourth'); } }); поменял местами .next и .prev , ошибся сперва. а кнопка назад не работает потому что изначально в кнопки назад стоит класс jcarousel-prev-disabled. по идее после перемещения вперёд этот класс удаляется и при нажатие Назад проверяет, нет класса и должно перемещать назад а не происходит этого.

ну немного невнимательно отнёсся к скрипту. изначально у нас голый список у которого есть свой id, в скрипте немного не верно обратился. задайте списку ul, для которого написал скрипт id="overflow" И замените мой скрипт на этот $('#overflow li:nth-of-type(4)').addClass('fourth'); $('.jcarousel-prev').click(function(){ if($('.jcarousel-prev').hasClass('jcarousel-prev-disabled')) { return false; } else { $('#overflow .fourth').removeClass('fourth').next('li').addClass('fourth'); } }); $('.jcarousel-next').click(function(){ if($('.jcarousel-next').hasClass('jcarousel-next-disabled')) { return false; } else { $('#overflow .fourth').removeClass('fourth').prev('li').addClass('fourth'); } }); нашёл ещё пару косяков в моём скрипте.будет вечером время переделаю, проблема с листанием назад получается с каруселью

у меня не перекидывается класс fourth из за user.js если удалить всё содержимое и вставить мой скрипт то всё работает. то есть конфликт какой то в этом скрипте В общем вставляю строку $('.jcarousel-list .b-product:nth-of-type(4)').addClass('fourth'); в скрипт в начало , класс присваивается, но при клике на ссылку он не перебрасывается из за того что на этот клик ещё в другом месте функция назначена, вот в то место и надо вписывать это условие if($('.jcarousel-prev').hasClass('jcarousel-prev-disabled')) { return false; } else { $('.jcarousel-list .fourth').removeClass('fourth').next('li').addClass('fourth'); } для каждой из двух кнопок, это в скрипте карусели

вот вам визуализировал класс fourth красным выделением, тут всё работет http://jsfiddle.net/3ht6M/ кроме условия, так как кнопка не присваивается "отключение" странно, сохраняю вашу страницу на компьютер, со всеми картинками и скриптами, всё работает. вы кстати li.b-product position: relative; задайте ато всплывающая форма внутри fourth съезжает относительно всего контейнера а не родительского блока

раз сказали...то..хм.. $(document).ready(function() { $('.jcarousel-list .b-product:nth-of-type(4)').addClass('fourth'); $('.jcarousel-prev').click(function(){ if($(this).hasClass('jcarousel-prev-disabled')) { return false; } else { $('.jcarousel-list .fourth').removeClass('fourth').next('li').addClass('fourth') } }) $('.jcarousel-next').click(function(){ if($(this).hasClass('jcarousel-next-disabled')) { return false; } else { $('.jcarousel-list .fourth').removeClass('fourth').prev('li').addClass('fourth') } }) }); и добавить в css .fourth .b-product__report-form:after { left: 106px; } .fourth .b-product__report-form { left: -116px; } вот скриптик небольшой. принцип работы - загрузилась страница, 4 блоку в списке карусели присвоился класс fourth (для формы внутри него сделал смещение) при клике на кнопку дальше он присваивается следущему блоку предварительно удалившись у предыдущего аналогично с кнопкой назад. если список подошёл к концу, кнопке дальше или назад присваивается класс jcarousel-next-disabled это уже делает скрипт карусели а мой проверяет если есть такой класс то он больше не присваивает класс fourth дальше или назад в зависимости куда мы листали. проверьте у себя

через js можно просто присвоить 4 элементу класс который будет отвечать за то всплывающая форма элемента с этим классом будет смещена влево, и при клике на навигационные кнопки этот класс будет удалятся у элемента и присваиваться следующему или предыдущему в зависимости куда вы крутите карусель. скрипт сам по себе не сложный но мне кажется всё же стоит вынести за контейнер форму, скриптами сайт перегружать не стоит думаю