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


Партнерская программа Kredov

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

#1 mememe93

mememe93
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 03 Июнь 2013 - 11:30

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

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

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

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 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


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