element.style (но не всё так просто) - Вопросы по CSS

Приветствую! Впервые упёрся в такую проблемму: на сайте http://www.stokmarket.com.ua левая колонка вылазит вверх под главное горизонтальное меню. Всё бы ничего, можно приписать ей margin-top: и ладно... Но не тут то было... FireBug показывает что стиль этой штуковины НА ГЛАВНОЙ СТРАНИЦЕ element.style{ margin-top:-60px;}, а на других страницах под горизонтальным меню появляется breadcramb (навигатор сайта), и стиль становится таким element.style{ margin-top:-80px;} (тоесть сдвигается ещё). Про element style я вычитал что это - когда чему-то не присвоено стиля, но откуда же берётся этот margin-top ?....
Вопрос: Как это побороть?
Отвечайте, пожалуйста, подробненько... для чайников....)
Заранее спасибо!

Ссылко: http://www.stokmarket.com.ua/

попробуйте отключить модуль mod_ot_lightboxlogin и посмотрите, будут ли изменения

потому, что главный div
в файле layout.css на 343 строчке
стоит

поставьте


и вообще, зачем вы используете:
<div class=​"ot-leftcolumn" style=​"margin-top:​ -97;​">​
уберите стиль, будет всё зергуд, авто можно оставлять

попробуйте отключить модуль mod_ot_lightboxlogin и посмотрите, будут ли изменения

 

попробуйте отключить модуль mod_ot_lightboxlogin и посмотрите, будут ли изменения

отключил mod_ot_lightboxlogin ничего не поменялось кроме того что пропала ссылка на форму входа)) (чего и следовало ожидать)))

потому, что главный div

Код: css

div.ot-rightcolumn-i, 
div.ot-leftcolumn-i
{
}

в файле layout.css на 343 строчке
стоит

Код: css

margin-top: auto;

поставьте

Код: css

margin-top: 60px;

я ставил там и 60 пикс и не 60 )) только, как я писал в вопросе, на главной это 60 пикс, а на других, где под основным меню добавляется навигатор сайта это уже 80 пикс и всё сползает обратно... а если на какой-нибудь странице у меня там появится баннер например высотой в 200 пикс - что тогда делать ?))

<div class=​"ot-leftcolumn" style=​"margin-top:​ -97px;​">
уберите стиль, будет всё зергуд, авто можно оставлять

потому, что главный div

Код: css

div.ot-rightcolumn-i, 
div.ot-leftcolumn-i
{
}

в файле layout.css на 343 строчке
стоит

Код: css

margin-top: auto;

поставьте

Код: css

margin-top: 60px;

ну так у нас же отрицательный magin-top имеет не ot-leftcolumn-i, а ot-leftcolumn и 60px - это для главной, на других страницах - другое значение, и указано оно не в ccs файле, а в атрибуте style, и зависит, судя по всему от высоты какого то блока выше, то есть добавляется оно джаваскриптом каким-то.

Код: html4strict

<div class=​"ot-leftcolumn" style=​"margin-top:​ -97px;​">​

уберите стиль, будет всё зергуд, авто можно оставлять

Товарищ ХИЩНИК, я напуган и озадачен, а где мне это искать?... хАчу "ЗЕР ГУД"... Спасайте !)

Товарищ ХИЩНИК, я напуган и озадачен, а где мне это искать?... хАчу "ЗЕР ГУД"... Спасайте !)

Ответил в личку

в файле templates/ot_swatch/scripts/otscript.js найдите вот такой кусок кода и попробуйте удалить его

ну так у нас же отрицательный magin-top имеет не ot-leftcolumn-i, а ot-leftcolumn и 60px - это для главной, на других страницах - другое значение, и указано оно не в ccs файле, а в атрибуте style, и зависит, судя по всему от высоты какого то блока выше, то есть добавляется оно джаваскриптом каким-то.

все модули в левой колонке лежат на бэкграунде, даже если я ставлю margin-top:-60px сдвигаются только модули, а фон торчит из под горизонтального меню...
А что касается джаваскрипта: я нашёл какую то беду начинающуюся словом jdocs . Ща попробую её ещё раз найти и выложить )

в файле templates/ot_swatch/scripts/otscript.js найдите вот такой кусок кода и попробуйте удалить его

Код: javascript

if (($j('.left-content-right .ot-header-i').css('height') > $j('.left-content-right .ot-header-i .ot-logo').css('height'))||($j('.left-right-content .ot-header-i').css('height') > $j('.left-right-content .ot-header-i .ot-logo').css('height')))
	{
		margintop = $j('.ot-header-i').height() - $j('.ot-header-i .ot-logo').height();
		$j('.ot-leftcolumn').css('margin-top', '-' + margintop + 'px');
	}

Золотой Вы мой человек ! Работает ! Спасибо ОГРОМНОЕ!
Кстати, а этот скрипт ещё на что-то повлиять может кроме левой колонки ?
И. Я бы с удовольствием брал бы иногда у Вас консультации (не бесплатные - в силу возможностей)...

Золотой Вы мой человек ! Работает ! Спасибо ОГРОМНОЕ!
Кстати, а этот скрипт ещё на что-то повлиять может кроме левой колонки ?
И. Я бы с удовольствием брал бы иногда у Вас консультации (не бесплатные - в силу возможностей)...

Ну это смотреть нужно весь скрипт. Этот кусок отвечал за то, чтобы левая колонка притягивалась к логотипу. Получается была проверка: если высота всего хедер больше, чем высота лого, то для левой колонки устанавливается верхний отступ равный минус (высота хедер минус высота лого). Короче для чего-то было сделано, чтоб левая колонка была притянута к лого.

 

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

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

Кстати, по поводу неуместного смеха. Просто если в CSS и PHP методом тыка что нибудь наковырять могу, то в JS я туже некуда... И логично, что я подумал:" как может модуль из правого верхнего угла пересекаться с левым, при том что общих стилей у них нет?"... Вооот... Так что, ВЕК ЖИВИ - ВЕК УЧИСЬ!) А Вам честь и хвала !)

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

Ни разу не видел, чтоб модуль давил на шаблон сайта....

Ни разу не видел, чтоб модуль давил на шаблон сайта....

Судя по путям этот модуль и шаблон от одного разработчика, так что вполне могли пересекаться какие-нибудь айдишники или классы элементов, соответственно вполне мог скрипт написанный для модуля зацепить и шаблон. Да, вероятность не велика, но отключить модуль и проверить без него - это было проще всего, 1 минута. Это, как говориться, если не включается комп, проверь сначала включен ли он в розетку, а потом уже начинай его колупать=)

Закончим OFFTOP всё равно каждый при своем мнении

А между тем !important сильнее инлайновских стилей. Можно переопределять кривой код шаблонов, если по-быстрому.

А между тем !important сильнее инлайновских стилей. Можно переопределять кривой код шаблонов, если по-быстрому.

Спасибо! До сих пор, правда, не могу понять как использовать important!... Но проблемму решили вырезав РЕАЛЬНО ЛИШНИЙ кусок js

селектор {правило: значение !important;}
Например:

А между тем !important сильнее инлайновских стилей. Можно переопределять кривой код шаблонов, если по-быстрому.

Так там дело в том, что на разных страницах был разный разный margin-top, в зависимости от высоты хедера.