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

как отцентровать в footer.tpl

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

Есть нижняя часть шаблона footer.tpl

Как сделать что бы содержимое центровалось ?

Я так понял что это описано в stylesheet.css как float: left; к сожалению float бывает только left и right

Пробую убрать float и добавить margin-left: auto; и margin-right: auto; - центрует но все колонки выставляет в ряд и растягивает по вертикале

Что можно сделать?

post-28364-0-27509900-1358631778_thumb.jpg

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


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

text-align: center;

если я вас правильно понял

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


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

text-align: center;

не всегда вариант... судя по скриншоту плывет нижний <ul>.... и во обще вопрос не понятен что центрировать = позиционирование блока или списки ...

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


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

Есть 3 блока с подзаголовками 1 Information, 2 text_service, 3 Mon compte

Они располагаются не по центру страницы а слева, как сделать что бы они были отцентрированы?

post-28364-0-11379900-1358639557_thumb.jpg

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


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

как сделать что бы они были отцентрированы?

text-align: center; у родительского блока... Yurta был прав....

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


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

text-align: center; у родительского блока... Yurta был прав....

отцентрует только текст а не блоки, проблема именно в центровке блоков на странице

рисунок приатачил

post-28364-0-20557000-1358641232_thumb.jpg

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


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

а вроде понял всего 3 блока что есть 100/3=33

ставим в переменной width: 33% и получаем центровку блоков

я правильно понял?

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


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

отцентрует только текст а не блоки, проблема именно в центровке блоков на странице

#footer
margin:0 auto; width: твоя длина 1000px к примеру;

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


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

я правильно понял?

неправильно

ага)))) блин а если 4 = 25%......))) в стандарте идиоткий css.... 33% у тебя чё резина на сайте....

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


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

.d1 {width:960px;} - родитель
.d2 {width:320px; float:left;} - дочка
.d3 {width:320px; float:left;} - дочка
.d4 {width:320px; float:left;}- дочка

если списки в блока используй паддинг в дочках

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


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

.d1 {width:960px;} - родитель
.d2 {width:320px; float:left;} - дочка
.d3 {width:320px; float:left;} - дочка
.d4 {width:320px; float:left;}- дочка

если списки в блока используй паддинг в дочках

не понял почему я не прав, ведь width обычно применяется любое целое значение в пикселах или процентах от доступного пространства, то есть то что вы описали выше 960/320 = 100/3

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


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

я так понял нужно вот так сделать? http://cssdeck.com/labs/full/m6yxaklu

ДЛя контейнера пишем след. код:

display: table-cell;
float: none;
width: 1%;

  • +1 1

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


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

я так понял нужно вот так сделать? http://cssdeck.com/labs/full/m6yxaklu

ДЛя контейнера пишем след. код:

display: table-cell;
float: none;
width: 1%;

спс!, тоже работает, но не понимаю как....

display: table-cell; / элемент ячейка таблицы

float: none; / позиционирования нет

width: 1%; / ширина 1%

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


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

Это магия :)

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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