Перейти к содержимому



Центрирование текста на странице

#1 mememe93
mememe93
  • Неактивные
  • 1 сообщений
  • Репутация: 0
0

Обновлено 09 июня 2013 - 14:11  Отправлено 03 июня 2013 - 11:30

Приветствую
Все дело в том, что его надо отцентровать не просто text-aling="center", а еще и внизу страницы

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

пожалуйста, помогите.

 

 

  • 0

#2 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 03 июня 2013 - 12:20

<p class="bottom_text">some text here</p>
p.bottom_text{
position: absolute;
bottom: 0;
left: 50%;
}

  • 0

#3 armavir
armavir
  • Неактивные
  • 8 сообщений
  • Репутация: 0

Отправлено 06 июня 2013 - 10:15

Смотря какая архитектура у страницы. Если это просто голая страница то

<style>
div.bottom_text{
text-align:center;
position:absolute; bottom:0;
}
</style>
<div align="center" class="bottom_text">some text here</div>

если неуказывать ширину вшм блока где размещет текст то он автоматически растянется на всю ширину экрана и будет спозиционирован с лева, поэтому мы добапвляем свойство text-align:center; и на всякий случай align:center;. Пример мало чем отличается от приведенного выше но будет правильнее.

со стилями чуть забыл..., вот так надо

<style>
div.bottom_text{
text-align:center;
position:absolute; bottom:0; left:0; right:0;
}
</style>

  • 0

#4 denis79513
denis79513
  • Неактивные
  • 56 сообщений
  • Репутация: 7

Отправлено 09 июня 2013 - 14:11

такой вариант: http://jsfiddle.net/dujXG/
  • 0


Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 22.5 3 темы, 6 сообщений, 1 балл репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 18 Вне конкурса за определение пользователя месяца

  • Фотография SergiuS85
    #3

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография kuztoday
    #4

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #5

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография mkreine
    #6

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография kolver
    #7

    kolver
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Totti
    #8

    Totti
    Очков активности: 7.5 0 тем, 5 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография fedornabilkin
    #10

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru