Pavel

У меня файл header.tpl чуть по другому устроен, шапка то растягивается как нужно, а вот блок нет.

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

Лого у меня нету, только одна картинка шапки и все. Вот в css она сначала отображалась снизу этой панели, а теперь хаотично летает...

Неужели ни кто не знает?

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

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

Если задаю в процентах, то все очень криво становится, или я не там изменяю? Изменяю padding: 20px 35px; на padding: 20% 35%;

Подскажите, пожалуйста, как реализовать выше написанное. #nav li a { color: #666600; z-index: 2; position: relative; cursor: pointer; float: right; font-size: 13px; font-family: helvetica, arial, sans-serif; text-decoration: none; padding: 20px 35px; Отвечает за размер панели с "Главная и т.д." }

Что бы сместить вправо я использовал width: Код принял вид #header {width: 97%; margin: 14px 13px 0px 13px; height: 46px; top: 127px; font: bold 1.4em Tahoma, Geneva, sans-serif; color: #fff; overflow: hidden; zoom: 1; position:absolute;} Top у меня стоит 127, как раз получается у меня в браузере под низ картинки. Но на других компьютерах с большим монитором выглядит по другому, то есть этот блок где-то летает. Нужно его завиксировать внизу картинки и что бы при изменениях браузера он тоже растягивался. Pegasus, спасибо Вам большое, а то уже голову сломал, как будет время, отпишите пожалуйста как сделать что я выше отписал.

То что нужно, спасибо большое. Теперь только блок с Главной и прочим сместились. Подскажите как исправить. Их же можно тоже сделать что бы растягивались при изменении размеров браузера. (Главная и т.д)

Нет, дело не в картинке, сейчас все растягивается как нужно, чуть подправить нужно, но код вставлен в header.tpl <img id="mylogo" src="линк на картинку" /> <style type="text/css"> #mylogo {width: 100%; margin: 0 0 0 0;} </style> Из stylesheet.css вырезал background: url('../image/header.jpg') top center no-repeat;. Картинка растягивается, значит можно как-то сделать тоже самое только в css. Или даже если я меньше картинку вставляю, все равно она будет по центу, размер тут роли как таковой не играет.

Так она выравнивается по центру, на 22 дюймовом мониторе по центу, и когда делаешь ее меньше в браузере, то часть картинки по бокам исчезает. <img id="mylogo" src="линк на картинку" /> <style type="text/css"> #mylogo {width: 100%; margin: 0 0 0 0;} </style> Нашел вот такой код, он работает, но тогда блок с "Главная, Войти, Кабинет и прочее" получается ниже картинки, а не на ней.

DEl.

Шаблон opencartws. Если не тут, то где? Подскажите, а то уже голову сломал с шапкой...

Подскажите, как растянуть шапку на весь экран, код отвечаютщий за шапку #header {margin: 14px 13px 0px 13px; height: 46px; padding-top: 204px; background: url('../image/header.jpg'); font: bold 1.4em Tahoma, Geneva, sans-serif; color: #fff; overflow: hidden; zoom: 1;} Что в нем нужно изменить, подскажите пожалуйста.