Отцентровать весь шаблон

L
На сайте с 01.02.2011
Offline
163
622

Это смешно, но не могу отцентровать сайт, в планшетнике.

liderventfasad.ru

пробовал марджины разные, методом тыка уже.

позиционирование пробовал менять. не помогает.

в обычном браузере - все нормально.

вот эту тему прочитал, сори за левый форум. http://www.cyberforum.ru/html/thread341544.html

ничего не помогло.

Существуют еще варианты?

kRicha
На сайте с 03.02.2010
Offline
36
#1
Linblack:
Это смешно, но не могу отцентровать сайт, в планшетнике.
liderventfasad.ru

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

вот эту тему прочитал, сори за левый форум. http://www.cyberforum.ru/html/thread341544.html

ничего не помогло.

Существуют еще варианты?

#all {

margin: auto;
width: 1100px;
position: relative;
}

>

#all {

margin: 0 auto;
width: 1100px;
position: relative;
}
L
На сайте с 01.02.2011
Offline
163
#2
kRicha:
#all {

margin: auto;
width: 1100px;
position: relative;
}

>
#all {

margin: 0 auto;
width: 1100px;
position: relative;
}

и так и так не работает. какое-то пространство сбоку. не знаю как убрать( и откуда оно вообще взялось

vlad00777
На сайте с 24.12.2009
Offline
119
#3

Попробуйте:

#all {
margin:0 auto;
width: 1100px;
position: relative;
overflow:hidden;
}
Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
L
На сайте с 01.02.2011
Offline
163
#4
vlad00777:
Попробуйте:

в лисе все норм (там тоже было).

на планшетах и телефонах по старому

D
На сайте с 09.05.2009
Offline
47
#5

Ширина body 1100px, а в айпаде разрешение 1024px x 768px.

Т.е. первым делом надо бы привести в порядок ширину.

Но проблему на айпаде (да и на больших разрешениях чуток не по-человечески смотрится) дают thumbnail в таблице.

Им бы поставить ширину в 200px (как у ячейки таблицы), либо добавить position absolute, и выравнивать по центру.

http://heisenbrog.com (http://heisenbrog.com) - только цифры, факты и эксперименты.
L
На сайте с 01.02.2011
Offline
163
#6
Disiyndel:
Ширина body 1100px, а в айпаде разрешение 1024px x 768px.
Т.е. первым делом надо бы привести в порядок ширину.

Но проблему на айпаде (да и на больших разрешениях чуток не по-человечески смотрится) дают thumbnail в таблице.

Им бы поставить ширину в 200px (как у ячейки таблицы), либо добавить position absolute, и выравнивать по центру.

сори за тупой вопрос. но как после установке absolute отцентровать?

D
На сайте с 09.05.2009
Offline
47
#7

position: absolute;

left: 50%;

margin-left: -200px;

При условии, что ширина исходного - 400px. Т.е. margin-left: -половину.

L
На сайте с 01.02.2011
Offline
163
#8
Disiyndel:
position: absolute;
left: 50%;
margin-left: -200px;

При условии, что ширина исходного - 400px. Т.е. margin-left: -половину.

да помогло.

но теперь в браузерах он сдвинут вправо, а на планшетах по центру.

блин откуда может появиться это пространство пустое справа?

там кода минимум, все по 10 раз проверил. везде задана широта 1100. автоотступ только 1 раз.

откуда она может взяться?

---------- Добавлено 18.02.2014 в 13:50 ----------

все понял. пробел был из-за всплывающих спанов.

спасибо за ответы. можно закрывать

Desesperada
На сайте с 11.10.2010
Offline
77
#9
Linblack:
но теперь в браузерах он сдвинут вправо, а на планшетах по центру.

почитайте про отдельные стили для моб устройств

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе

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