Расположить текст внизу страницы!

@FokeBox · Регистрация: 03.06.2011

Студворк — интернет-сервис помощи студентам

Использую этот стиль, однако он выводит текст в нижний правый угол, как это мне надо, однако если высота страницы превышает разрешение экрана текст остаётся там же не опускаясь вниз страницы ... как решить эту задачу!

HTML5
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>

@conformist · 22.01.2012, 18:04

уберите

CSS
1
position: absolute;

и добавьте

CSS
1
overflow:hidden;

@FokeBox · 22.01.2012, 18:18 **[ТС]**

так а чтобы внизу страницы как сделать! а то так сделал и текс в верхнем правом углу стал отображаться!

@conformist · 22.01.2012, 18:43

CSS
1
margin-top:100%;

а так?

@FokeBox · 22.01.2012, 23:47 **[ТС]**

не помогет! как то слишком вниз уходит запределы самой страницы, наверно 100% оно берёт не из расчёта страницы, а экрана!
дело в том, что у меня все страницы разной высоты ... и поэтому наверно как-то иначе надо прописать ... сам весь инет перекопал и ничего толкого ещё не нашёл

@necro · 22.01.2012, 23:51

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

@FokeBox · 22.01.2012, 23:53 **[ТС]**

а можно примерчик с футером?

@necro · 23.01.2012, 00:03

да пожалуйста

HTML5
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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><!-- #header-->
 
    <div id="content">
    </div><!-- #content-->
 
</div><!-- #wrapper -->
 
<div id="footer">
    <div id="copy">
      Copyright &copy; 2011. All rights reserved
    </div>
</div><!-- #footer -->
 
</body>
</html>

CSS
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;
}

@MGchannel · 06.01.2014, 20:22

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css"> 
 
#copyright {
position: [I]justfily[/I];
bottom: 1em;
right: 1em;
text-align: right;
}
 
 
</style>
<div id="copyright">Copyright © 2011. All rights reserved</div>

РАБОТАЕТ

@GreenForest · 06.01.2014, 20:26

Сообщение от FokeBox

дело в том, что у меня все страницы разной высоты ... и поэтому наверно как-то иначе надо прописать ... сам весь инет перекопал и ничего толкого ещё не нашёл

Попробуй вместо 100% поставить 98% или 97%

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@FokeBox 85 / 3 / 0 Регистрация: 03.06.2011 Сообщений: 44
	22.01.2012, 18:18 [ТС]
	так а чтобы внизу страницы как сделать! а то так сделал и текс в верхнем правом углу стал отображаться! 0

@FokeBox 85 / 3 / 0 Регистрация: 03.06.2011 Сообщений: 44
	22.01.2012, 23:47 [ТС]
	не помогет! как то слишком вниз уходит запределы самой страницы, наверно 100% оно берёт не из расчёта страницы, а экрана! дело в том, что у меня все страницы разной высоты ... и поэтому наверно как-то иначе надо прописать ... сам весь инет перекопал и ничего толкого ещё не нашёл 0

@necro 36 / 36 / 3 Регистрация: 26.09.2009 Сообщений: 298
	22.01.2012, 23:51
	это все что есть на странице что ли? обычно для таких вот надписей используют футер, который прижат к низу, а там уже извращайся как хочешь способов запихнуть куча будет. 0

@FokeBox 85 / 3 / 0 Регистрация: 03.06.2011 Сообщений: 44
	22.01.2012, 23:53 [ТС]
	а можно примерчик с футером? 0