Помогите убрать отступы у сайта справа и слева

12
V7
На сайте с 09.02.2008
Offline
113
2021

Никак не могу найти где эти отступы задаются, т.к и у тега html и * и у body поставил маргин и паддинг=0

но отступ все равно остался. Тестовый сайт http://rlfur.ru/

для того чтобы увидеть отступы сузьте монитор до 990 и увидите скрол, хотя у сайта задана ширина как раз 990 http://prntscr.com/31eknu.

На айпадах также видно http://prntscr.com/31ek3d, что сайт справа не прижат к краю справа, чего быть не должно как бы.

Р
На сайте с 07.02.2013
Offline
172
#1

Почитайте про box-sizing и отступы. Проблемы с ними.

V7
На сайте с 09.02.2008
Offline
113
#2
рецидивист:
Почитайте про box-sizing и отступы. Проблемы с ними.

а box-sizing у какого именно эллемента? или применение вобщем в стилях?

Р
На сайте с 07.02.2013
Offline
172
#3
Vlad7090:
а box-sizing у какого именно эллемента? или применение вобщем в стилях?

Могучей кучки элементов)

Просто почитайте про то, что я написал выше и поэкспериментируйте, будет все понятно.

V7
На сайте с 09.02.2008
Offline
113
#4

нашел проблему. в *,

*:before,

*:after {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

если задать как

*{
margin: 0 !important;
padding: 0 !important;
}

то отступы пропадают, но и сам макет рушится, т.к видимо бутстрап его юзает(

---------- Добавлено 17.03.2014 в 00:41 ----------

можете подсказать как выйти из данной ситуации?

SG
На сайте с 14.08.2013
Offline
4
#5

Vlad7090, поробуй задать div#footer задать width:992px,

либо overflow:hidden

V7
На сайте с 09.02.2008
Offline
113
#6
SeerGrey:
Vlad7090, поробуй задать div#footer задать width:992px,
либо overflow:hidden

если для шапки и футера задать 1010 то они конечно расширятся и на ападах не так заметно отсутп. но вцелом не решает проблемы, т.к у container остается отступ в любом случае и на айпаде видно, что область контента не центрирована

SG
На сайте с 14.08.2013
Offline
4
#7
Vlad7090:
если для шапки и футера задать 1010 то они конечно расширятся и на ападах не так заметно отсутп. но вцелом не решает проблемы, т.к у container остается отступ в любом случае и на айпаде видно, что область контента не центрирована

проблема в футере

если его то и нет скролбаров

попробуй второй способ, если 2 пикселя для тебя так важны :)

V7
На сайте с 09.02.2008
Offline
113
#8
SeerGrey:
проблема в футере
если его то и нет скролбаров
попробуй второй способ, если 2 пикселя для тебя так важны :)

с 2 пикселями попробовал, не решило проблемы) но убрав футер, действительно убрались и скролы) буду думать как переписать футер) спасибо за наводку) может еще и подскажите как еще можно футер побороть меньшей кровью)

---------- Добавлено 17.03.2014 в 01:32 ----------

решил вроде как проблему) убрал из футера <div class="container"> и теперь все гуд) еще пока тестю)

SeerGrey ОГРОМНЕЙШЕЕ спасибо) а то уже думал отчаяться и вообще не использовать бутстрап)

SG
На сайте с 14.08.2013
Offline
4
#9
Vlad7090:
если для шапки и футера задать 1010 то они конечно расширятся и на ападах не так заметно отсутп. но вцелом не решает проблемы, т.к у container остается отступ в любом случае и на айпаде видно, что область контента не центрирована

и второе, что хотел сказать:

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

"992px (не 1010) и только для футера"

видимо, не такая уж и проблема, раз теоретической проверки достаточно :)

спасибо за внимание

и удачи в решении проблемки ;)

V7
На сайте с 09.02.2008
Offline
113
#10
SeerGrey:
"992px (не 1010) и только для футера"

я ставил 992, не помогло) поставил 1010 , футер стал виуально на 100% )

но после того как убрал лишний див с классом контейнера все поправилось)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий