horsestealer11

[РЕШЕНО] Ширина страницы

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

Не получается изменить ширину страницы сайта. Думал, что ширину страницы можно задавать либо в body либо в container, но увы, справа остается пустое пространство. Также пробовал отключать фоновую картинку, тоже не помогло.

Пробовал задавать ширину html, результата нет, в прикрепленном файле видно, что  при ширине 1490px справа остается пустое пространство, а хочется чтобы его не было. Помогите, пжл, советом, может исправлять ширину где-то в другом месте нужно.

 

сайт domdlydoma.ru 

 

в stylesheet.css добавлял ширину так:

 

body {
background: url('../image/fondddt2.png');
color: #000000;
font-family: "AGFriquerC", Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
width: 1490px;
 
 
#container {
//width: 99%;
width:1490px;
min-width: 1150px;
margin-left: auto;
margin-right: auto;
text-align: left;

 

 

версия opencart 1.5.3.1

post-681835-0-73643000-1417347405_thumb.png

Изменено пользователем horsestealer11

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


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

Вы на правильном пути.

body { - в нем ширину не указывать

Только нужно еще выравнять по центру

width:задаете величину;

margin: 0 auto;  -- то есть отступ сверху и снизу 0, и по горизонтали по центру

http://joxi.ru/vAWe9kVhkeOQmW

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


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

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

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


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

Вы на правильном пути.

body { - в нем ширину не указывать

Только нужно еще выравнять по центру

width:задаете величину;

margin: 0 auto;  -- то есть отступ сверху и снизу 0, и по горизонтали по центру

http://joxi.ru/vAWe9kVhkeO

 

Спасибо за совет. Но, если я правильно все делал, получается, что по краям остаются отступы.

 

есть подозрение что нужно пошаманить с правилом position в css.

 

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

post-681835-0-40652500-1417637099_thumb.png

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


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

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

 

На сайте: bz-trade.kz

 

Внес коррективы то ли в stylesheet.css, в одноименной папке, то ли в папке product, после чего справа появилась пустота. Более того на странице товара, например здесь: http://bz-trade.kz/index.php?route=product/product&path=2&product_id=825

 

Футер прижался слева к экрану (как видно прижался только на странице товара)

 

Благодарность выраженная в 200 wmr + респект тому кто подскажет где я нахимичил.

 

P.S: Такое чувство будто, что-то удалил, когда пытался блок с описанием товара двигать и редактировать.

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


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

...на странице товара, например здесь: http://bz-trade.kz/index.php?route=product/product&path=2&product_id=825

Футер прижался слева к экрану (как видно прижался только на странице товара)...

 

Откройте файл catalog/view/theme/simplegreat/stylesheet/stylesheet.css

 

И найдите строку:

#footer-container {
background-color: #03121C;

Добавьте:

width: 980px;

Что бы блок (в итоге) выглядел вот так:

#footer-container {
    background-color: #03121C;
    width: 980px;
}

И проверьте.

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


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

 

Откройте файл catalog/view/theme/simplegreat/stylesheet/stylesheet.css

 

И найдите строку:

#footer-container {
background-color: #03121C;

Добавьте:

width: 980px;

Что бы блок (в итоге) выглядел вот так:

#footer-container {
    background-color: #03121C;
    width: 980px;
}

И проверьте.

 

Спасибо, после изменения в карточке товара футер отцентрировался! Единственно справа на всех страницах по прежнему пустота (скролл страницы вправо на 200 пикселей примерно позволяет прокручивать сайт). Как считаете, в чем может быть проблема?

 

P.s: что примечательно, заметил, что самая нижняя часть где копирайт и счетчик яндекс метрики, на всех страницах background под ними белый, а на странице товара, эти две полосы (яндекс метрика и место под копирайт) как бы отсоединились от основного шаблона с белым background'ом и соединились с правой пустотой (серым background). Как бы слились в нижней части друг с другом. Обратите пожалуйста внимание на это может в этом и есть проблема?

 

Как ответите напишите пожалуйста в ЛС еще ваш WMR. 

Спасибо

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


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

...справа на всех страницах по прежнему пустота (скролл страницы вправо на 200 пикселей...

Странно, но в Firefox у меня такого бага нет... Надо смотреть, просто у меня со временем не очень...

 

...Как ответите напишите пожалуйста в ЛС еще ваш WMR...

 

Мне - как модератору, просто стыдно за такие мелочи деньги брать... )))) Этот форум для того и создан, что бы решать проблемы с OpenCart.  :geek: 

Но (если что), Вам никто не запретит использовать соответствующий раздел: Услуги.

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


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

Странно, но в Firefox у меня такого бага нет... Надо смотреть, просто у меня со временем не очень...

 

 

Мне - как модератору, просто стыдно за такие мелочи деньги брать... )))) Этот форум для того и создан, что бы решать проблемы с OpenCart.  :geek: 

Но (если что), Вам никто не запретит использовать соответствующий раздел: Услуги.

 

Благородный вы человек. Так или иначе, если все же передумаете, дадите знать. Вашим советом про услуги тем не менее воспользуюсь. Надеюсь мне помогут в этом деле. 

 

P.S: на другом компьютере со скролом тоже нет проблем. Чето непонятное творится. Спасибо вам! Повторюсь если моя помощь будет нужна обращайтесь.

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


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

Разобрался. Если указанная ширина меньше ширины окна браузера, то будут отступ(ы) справа или справа и слева(зависит от указанного правила в css margin). 

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


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

Может подскажет кто ни будь, как решить эту проблему? Точно такой же отступ справа. В гугл хроме сайт нормально отображается, а в сафари нет, и на мобильных устройствах то же отступ имеется.

http://sportlysva.ru/

Изменено пользователем sportlysva86

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


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

Может подскажет кто ни будь, как решить эту проблему? Точно такой же отступ справа. В гугл хроме сайт нормально отображается, а в сафари нет, и на мобильных устройствах то же отступ имеется.

http://sportlysva.ru/

В body добавьте overflow-x: hidden;

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


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

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

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

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

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

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

Войти

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

Войти


  • Похожий контент

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

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