Вопрос по Дивам

154

S_A_N_T_A

12 января 2010, 18:47

815

Возникла трудность с дивами, не могу сделать выравнивание материала относительно низа

Пишу так: <div style="position:absolute; overflow:hidden; left:120px; top:220px;">Тратата</div> - Материал нормально выравнивается относительно левого края и верха

Пишу так: <div style="position:absolute; overflow:hidden; right:270px; bottom:320px;">Тратата1</div> - Не хочет материал выравниваться относительно низа и правого края

Как можно решить проблему?

76

PyMbIH

12 января 2010, 19:20

#1

не вижу проблемы, все работает как положено.

Может проблема в значениях которые Вы присваиваете для отступов?

Вот Вам пример:

<div style="position:absolute; overflow:hidden; right:0px; bottom:0px;">Тратата1</div>

Сохраните как HTML и посмотрите в браузере что получается.

154

S_A_N_T_A

12 января 2010, 19:38

#2

Не получается, но всё равно спасибо

Вот полностью весь код:

<head>

div#shirina

{

position:relative;

width: 960px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align:left;

}

</style>

</head>

<body>

<div style="position:absolute; overflow:hidden; right:270px; bottom:320px;">Тратата1</div>

</div>

</body>

136

bigturtle

12 января 2010, 19:40

#3

хотя вариатле поможет, а какой браузер?

154

S_A_N_T_A

12 января 2010, 19:41

#4

bigturtle:
хотя вариатле поможет, а какой браузер?

Opera и IE

SM

83

SL.ME

12 января 2010, 19:49

#5

для div#shirina

HEIGHT: 100%;

76

PyMbIH

12 января 2010, 19:52

#6

SL.ME:
для div#shirina
HEIGHT: 100%;

Полностью согласен!

136

bigturtle

12 января 2010, 19:52

#7

а если так

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>aaa</title>

<style type="text/css">
div#shirina{
width: 960px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
</style>

</head>

<body>

<div id="shirina">
<div style="position:absolute; overflow:hidden; right:0px; bottom:0px;">Тратата1</div>
</div>

</body>

так тогда будет по правому краю, а так как написал SL.ME тогда по правому краю в пределах width: 960px;

76

PyMbIH

12 января 2010, 19:53

#8

<head>

#shirina

{

position:relative;

height: 100%;

width: 960px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align:left;

}

</style>

</head>

<body>

<div style="position:absolute; overflow:hidden; right:0px; bottom:0px;">Тратата1</div>

</div>

</body>

154

S_A_N_T_A

12 января 2010, 19:59

#9

SL.ME:
для div#shirina
HEIGHT: 100%;

Спасибо, это хоть что то дало

НО, теперь текст делает отступы не относительно границе в 960, а относительно правой стороны экрана и по низу равняется не по самому низу сайта, а по низу монитора :)

76

PyMbIH

12 января 2010, 20:07

#10

S_A_N_T_A:

НО, теперь текст делает отступы не относительно границе в 960, а относительно правой стороны экрана и по низу равняется не по самому низу сайта, а по низу монитора :)

Текст делает те отступы, которые Вы этому самому тексту укажете. Не бойтесь эксперементировать... каждый шаг Вам расписывать никто не будет... Вам дали рабочий вариант, а Вы уже сами подгоняйте его под свои потребности

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

Курс биткоина превысил $50 тысяч