Jump to content
Sign in to follow this  
Axel444

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

Recommended Posts

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

text-align: center;

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

Share this post


Link to post
Share on other sites

text-align: center;

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

неправильно

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

Это магия :)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.