Перейти к содержанию
AlexCoder

OpenCart-сайт на всю ширину окна браузера [РЕШЕНО]

Рекомендуемые сообщения

Всем привет. Я тут новенький. Опробываю OpenCart и почти ничего о нём ещё не знаю. У меня такой вопрос: можно ли как-то сделать, чтобы магазин на OpenCart всегда был на 100% ширины окна браузера? То есть подстраивался под ширину окна. Ну и чтобы при этом ничего не разлазилось по швам и не выглядело «неправильно».

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всем привет. Я тут новенький. Опробываю OpenCart и почти ничего о нём ещё не знаю. У меня такой вопрос: можно ли как-то сделать, чтобы магазин на OpenCart всегда был на 100% ширины окна браузера? То есть подстраивался под ширину окна. Ну и чтобы при этом ничего не разлазилось по швам и не выглядело «неправильно».

Можно, в файле stylesheet.css найти:

#container {

и добавить: width: 100%;

так же и с #header {

  • +1 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, вроде получается.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я не нахожу в header width: 100%; может самому добавить надо, после какой строчки

/* header */
#header {
margin-bottom: 0px;
padding-bottom: 0px;
position: relative;
z-index: 99;
}
#header #logo {
left: 15px;
position: absolute;
top: 49px;
}
.switcher {
   background: url("../image/dropdown.png") no-repeat scroll 100% 6px #ffffff;
border: 1px solid #BDBDBD;
cursor: pointer;
padding-right: 20px;
position: absolute;
width: 102px;
z-index: 10;
}
.switcher .option {
   cursor: pointer;
   display: none;
   margin-bottom: 0;
   margin-left: 0;
   margin-top: 0;
   padding-bottom: 0;
   padding-left: 0;
   padding-top: 0;
}
.switcher span.s_selected, .switcher li, .switcher li a {
   color: #545454;
   font-size: 11px;
   display: block;
   height: 21px;
   line-height: 22px;
   text-indent: 9px;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
#header {
margin-bottom: 0px;
padding-bottom: 0px;
position: relative;
z-index: 99;
width: 100%;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, тогда вопрос в другом, меню горизонтальное как сделать на всю ширину

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Попробуй настроить width у #menu.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Только поменял эти величины, пропал логотип и в каталоге все немного сдвинулось, возвращаю обратно исходник, а картина не меняется!?!?  :(  Heeelp!!!%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.