Разместить текст внизу по середине страницы HTML/CSS
Может быть на этот вопрос есть где-то ответ, но я ничего не нашел. Я делаю простенький сайт, можно сказать для изучения основ веб-программирования. Появилось желание сделать что-то типа текста копирайта, типа (c) CoolPerson — 2020 , и нужно разместить его снизу, по середине страницы как это делают обычно на сайтах. В гугле искал, текст размещался в снизу в углу, а мне нужно снизу и по середине. Есть возможность это сделать?
Отслеживать
11.5k 4 4 золотых знака 22 22 серебряных знака 38 38 бронзовых знаков
Как прижать текст к низу блока?
Мужики, можно ли как-нибудь прижать текст к низу в том виде, в котором HTML, без обертываний в span, p, и div?
table-cell не помогает, тк ломаются сами родительские блоки, хотя текст к низу липнет.
Дело в том, что в этих двух блоках текст может быть как одно слово, так и в две строки.
- Вопрос задан более трёх лет назад
- 69824 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Тыжверстальщик! Наверстай мне упущенное.
Как сделать текст внизу страницы html
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Как разместить текст внизу страницы по центру
Как разместить текст внизу страницы по центру? Нужно на html.
Уже не удобно спрашивать, но надеюсь в очередной раз на помощь.
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
верстка табличная или дивная?
попробуй
margin: 0 auto;Для спасибо весы слева
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Дивная. Не помогает.
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
полный код смотреть нужно или ссылку
Для спасибо весы слева
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Интересует пример с размещением копирайта в не табличной форме с помощью position.
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Должно в теории быть элементарно, но что-то я голову ломаю и не понимаю
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
left: 50%;Для спасибо весы слева
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Спасибо! Работает)))
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
Для спасибо весы слева
Для спасибо весы слева
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
text-align:center;Писано по д’Эльфийски
| Похожие темы | ||||
| Тема | Автор | Раздел | Ответов | Последнее сообщение |
| Как правильно разместить текст на сайте. | XYLIGANXYL | HTML и CSS | 5 | 30.01.2011 04:20 |
| разместить таблицу по центру! | ny6asik | Помощь студентам | 4 | 24.10.2010 20:31 |
| как получить текст HTML страницы | пауэрлифтинг | Работа с сетью в Delphi | 4 | 16.03.2010 13:42 |
| Как прочесть текст с html-страницы? | Poseydon | Общие вопросы C/C++ | 8 | 10.11.2009 22:19 |
| Необходимо разместить таблицу по центру страницы | Никки | HTML и CSS | 1 | 10.02.2009 23:26 |
Расположить текст внизу страницы!
Использую этот стиль, однако он выводит текст в нижний правый угол, как это мне надо, однако если высота страницы превышает разрешение экрана текст остаётся там же не опускаясь вниз страницы . как решить эту задачу!
1 2 3 4 5 6 7 8 9 10 11 12
style type="text/css"> #copyright < position: absolute; bottom: 1em; right: 1em; text-align: right; >/style> div id="copyright">Copyright © 2011. All rights reserved/div>
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Расположить фиксированное меню под футером и закрепить внизу страницы
Добрый день, я сверстал сайт типа "landing page",но мне надо сделать, так что бы когда пользователь.
Расположить Scroll внизу при открытии окна диалога
Как сделать так как в диалогах в вк, ты открыл диалог. И страница по дефолту внизу находится и ты.
Подвал внизу страницы
Тема дико банальна, но насущна. Сделал подвал по статьям с интернета, подвал прикреплён к низу.
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
position: absolute;
и добавьте
overflow:hidden;
Регистрация: 03.06.2011
Сообщений: 44
так а чтобы внизу страницы как сделать! а то так сделал и текс в верхнем правом углу стал отображаться!
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
margin-top:100%;
Регистрация: 03.06.2011
Сообщений: 44
не помогет! как то слишком вниз уходит запределы самой страницы, наверно 100% оно берёт не из расчёта страницы, а экрана!
дело в том, что у меня все страницы разной высоты . и поэтому наверно как-то иначе надо прописать . сам весь инет перекопал и ничего толкого ещё не нашёл
Регистрация: 26.09.2009
Сообщений: 298
это все что есть на странице что ли? обычно для таких вот надписей используют футер, который прижат к низу, а там уже извращайся как хочешь способов запихнуть куча будет.
Регистрация: 03.06.2011
Сообщений: 44
а можно примерчик с футером?
Регистрация: 26.09.2009
Сообщений: 298
да пожалуйста
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="content-type" content="text/html; charset=utf-8" /> title>/title> meta name="keywords" content="" /> meta name="description" content="" /> link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> /head> body> div id="wrapper"> div id="header"> /div> div id="content"> /div> /div> div id="footer"> div id="copy"> Copyright © 2011. All rights reserved /div> /div> /body> /html>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
* { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { min-width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } #header { height: 150px; } #content { padding: 0 0 100px; } #footer { min-width: 1000px; margin: -100px auto 0; height: 100px; position: relative; } #copy { padding-right:10px; padding-top:80px; float:right; }