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

[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

Змінено 30 листопада 2014 користувачем horsestealer11

[Гість]

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

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

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

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

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

http://joxi.ru/vAWe9kVhkeOQmW

[Гість]

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

[horsestealer11]

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

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

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

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

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

http://joxi.ru/vAWe9kVhkeO

 

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

 

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

 

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

[almacomp]

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

 

На сайте: 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]

...на странице товара, например здесь: 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]

 

Откройте файл 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]

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

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

 

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

 

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

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

[almacomp]

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

 

 

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

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

 

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

 

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

[horsestealer11]

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

[sportlysva86]

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

http://sportlysva.ru/

Змінено 12 листопада 2015 користувачем sportlysva86

[cloudrc]

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

http://sportlysva.ru/

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