param

Подумал, что влияет меню, но нет...

У меня тоже везде одинаково, правда кроме Хрома)

Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrapper --> html, body{ height:100%; background:#fff; } body{ font:12px/18px Arial, Tahoma, Verdana, sans-serif; width:100%; } #wrapper{ width:1002px; /*width:1002px;*/ margin:0 auto; height:100%; } #header{ height:155px; position:relative; border:1px solid #b4b0b0; border-bottom:none; } #slider{ height:285px; background:#fff; position:relative; z-index:10; margin-bottom:-440px; border-left:1px solid #b4b0b0; border-right:1px solid #b4b0b0; } #sli{ position:absolute; left:55px; top:10px; width:935px; height:235px; } #middle{ min-height:100%; background:url(../images/all.jpg) repeat-y; border-left:1px solid #b4b0b0; border-right:1px solid #b4b0b0; } #middle:after{ content:'.'; display:block; clear:both; visibility:hidden; height:0; } #container{ width:100%; float:left; overflow:hidden; margin-top:280px; } #content{ padding:0 270px 0 220px; } #sideLeft{ float:left; width:199px; margin-left:-100%; position:relative; margin-top:280px; } #sideRight{ float:left; margin:0 -3px 0 -264px; width:264px; position:relative; margin-top:280px; } Проблема заключается в том, что Хром неправильно рассчитывает margin-top. Ему нужно задавать не 280 пикселей, а большее значение, иначе контент левой, правой и центральной колонки заезжает под верхний блок. Как это можно обойти?

Не, всё равно не создаётся эффекта нажатия кнопки...

Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...

Здравствуйте. Использовал для создания верхнего меню модуль DJ-Menu, но мне также ещё необходимо создать и левое меню. Я понял как вывести один модуль на несколько позиций, но я не понимаю как сделать для этих двух меню разные стили... Помогите пожалуйста кто знаком с подобной ситуации...

Блин, афигеть. Придумал супер замудренное решение, вместо того чтобы просто применить бордюры, мда надо делать перерывы...

Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать правый отрицательный марджин, который "склеил" два сепаратора в один. У этого решения есть два минуса: 1) если достаточно сильно масштабировать страницу можно заметить, что сепараторы немного разной ширины из-за того, что был задан фиксированный правый марджин, а длина слов неодинаковая. 2) свойство background-size не кроссбраузерно. Может кто-то может предложить другие варианты решения данной задачи?

Нет проблема оказалась не в правой колонки, а в блоке middle.Странное дело есть поменять его значение width со 100%, на 998px, то бордюры начинают совпадать. Почему же возникает этот глюк с двумя пикселями? upd: Хотя оно и понятно откуда берутся эти два пикселя бордюры имеют ширину как раз 1 пикс., установка их с двух сторон, как раз и даёт 2 пикс. Но тогда не понятно, можно ли вообще реализовать такой вариант или вместо бордюров также нужна фоновая картинка?

Выяснил, что проблема в третьем блоке в котором располагается три колонки. Почему то они не становятся как надо, а сдвигаются на пару пикселей вправо. Почему то мне кажется, что проблема именно в позиционирование правой колонки... <section id="middle"> <div id="container"> <div id="content"> content <br /> </div> </div> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> #middle{ width:100%; min-height:100%; background:url(images/all.jpg) repeat-y; border-left:1px solid #b4b0b0; border-right:1px solid #b4b0b0; } #container{ width:100%; float:left; overflow:hidden; margin-top:445px; } #content{ padding:0 270px 0 220px; } #sideLeft{ float:left; width:199px; margin-left:-100%; position:relative; margin-top:445px; } #sideRight{ float:left; margin:0 -3px 0 -264px; width:264px; position:relative; margin-top:445px; }

Здравствуйте. Ситуация заключается в следующем есть на странице четыре центрированных блока, одинаковой ширины. Всем им заданы бордюры слева и справа, у первых трёх блоков бордюры совпадают, а нижний блок ужодит на пиксель в сторону, из-за чего возникает такой глюк? Как его можно исправить? (браузер Mozilla Firfox).

В папке Language, находите языковой файл модуля голосования, открываете его и меняете надписи.

Gaspode статья про метод, а он в данном случае определён (фоновая картинка).

Спасибо. Наконец-то фон начал тянуться, но сразу же возникла следующая проблема, когда забиваешь много контента, тянется почему то он до некого определённого места, а потом снова обрезается.

А как же height:100%?

Пытался разобраться, да так и ничего и не вышло... Пытался я применить ваше решение, и вот результат http://jsfiddle.net/8MFgL/1/ (отличие от прошлого шаблона тут два header)... Голова уже пухнет, но я не понимаю почему эта картинка не тянется .

sammasati, спасибо за помощь, буду разбираться!

http://jsfiddle.net/Wj3fu/ Бордюры стоят по краям, так как именно их я пытаюсь эмулировать. Я создал картинку бэкграунда равную ширине колонки с белым фоном и с однопиксельной границей (у левой колонки с правого, у правой колонке соответственно с левого). Задаю бэкграунд #middle, линия немного вытягивается вниз, но до футера ей очень далеко...

Можно создать очень высокую картинку, вставить её бэкграундом к колонке и поставить повторение по вертикали. Но у меня где-то косяк, картинка не в какую не хочет повторятся и растягиваться как надо... Применял бэкграунд и к оборачивающему блоку и к колонке и к ним обоим - безрезультатно.

Не думаю, что в данной ситуации позиционирование как-то поможет...

Здравствуйте. Необходимо, чтобы колонки сайта в независимости от наполнения контентом были одинаковой высоты и прижимались к футеру. Немного погуглив, увидел несколько различных способов, как мне показалось использование картинки и её вытягивание, является наиболее эффективным способом. Но мне остался непонятным момент как всё таки прижать её к футеру...

sammasati Хорошее решение.

Решил сюда же спросить, дабы не создавать новую тему, к тому же вопрос также связан с заголовками. На странице несколько заголовков h2, типа "Меню" или "Новости", под текстовой надписью, должна быть полоска-узор, при этом её длина должна изменяться в зависимости от длины слова. Попробовал поставить её как бэкграунд, к h2, но такой вариант не работает, так как полоска не встаёт непосредственно под словом, да и с управлением размером тоже плохо. Можно конечно загнать полоски в каждый свой див, но надо будет менять длину полоски вручную, в зависимости от слова, а если при этом слова будут периодически меняться, то получается много волокиты. Может какие то ещё есть варианты?

Слышал что использовать в идентификаторах и классах, слово banner не не рекомендуется так как, на это реагирую программы типа Аутпоста и просто вырезают этот элемент.

cyklop77 спасибо!