Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.10.2011, 19:28   #1
pulka
 
Регистрация: 03.10.2011
Сообщений: 6
По умолчанию Выравнивание div по нижнему краю

Здравствуйте. Я новичок и у меня такая проблема. Необходимо нарисовать слоями что-то типа чертежного формата с помощью дивов. Проблема заключается в том, что рамочку и место под информацию надо выравнять по нижнему краю. При этом, высота неизвестна. Т.е. она меняется в зависимости от наполнения.
Я тут код набросала. Привожу ниже код и примерный рисунок что имею и что должно получиться.
pulka вне форума Ответить с цитированием
Старый 03.10.2011, 19:29   #2
pulka
 
Регистрация: 03.10.2011
Сообщений: 6
По умолчанию

Это css код
body{
margin: 20px;
padding: 0px;
}
#ramkab{
border: 1px solid;
height: 1500px;
width: 1000px;
}

#ramkam{
float: right;
margin-right: 911px;

}
#telo{
border: 1px solid;
float:right;
margin-top: 10px;
margin-right: 10px;
width: 900px;
height: 1478px;

}
.l, .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12, .l13{
width: 10px;
border: 1px solid;
}
.l1, .l3, .l5, .l7, .l9, .l11, .l13{
margin-top: -1px;
margin-left:-1px;
float: left;
}
.l, .l2, .l4, .l6, .l8, .l10, .l12{
float: left;
margin-top: -1px;
}

#r2, #r3, #r4, #r5, #r6, #r7{
clear: both;
}
.l, .l1{
height: 20px;
}
.l2, .l3{
height: 60px;
}
.l4, .l5{
height: 60px;
}
.l6, .l7{
height: 80px;
}
.l8, .l9{
height: 80px;
}
.l10, .l11{
height: 60px;
}
.l12, .l13{
height: 50px;
}

Последний раз редактировалось pulka; 03.10.2011 в 19:33.
pulka вне форума Ответить с цитированием
Старый 03.10.2011, 19:31   #3
pulka
 
Регистрация: 03.10.2011
Сообщений: 6
По умолчанию

Это html код
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Рамочка из слоев</title>
<link rel="stylesheet" href="css.css">
</head>
<body>
<div id="ramkab">
<div id="telo">
</div>
<div id="ramkam">
<div id="r1"><div class="l">&nbsp</div>
<div class="l1">&nbsp</div></div>

<div id="r2"><div class="l2">&nbsp</div>
<div class="l3">&nbsp</div></div>

<div id="r3"><div class="l4">&nbsp</div>
<div class="l5">&nbsp</div></div>

<div id="r4"><div class="l6">&nbsp</div>
<div class="l7">&nbsp</div></div>

<div id="r5"><div class="l8">&nbsp</div>
<div class="l9">&nbsp</div></div>

<div id="r6"><div class="l10">&nbsp</div>
<div class="l11">&nbsp</div></div>

<div id="r7"><div class="l12">&nbsp</div>
<div class="l13">&nbsp</div></div>
</div>

</div>
</body>
</html>

Очень надеюсь на вашу помощь!
pulka вне форума Ответить с цитированием
Старый 04.10.2011, 13:19   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Если относительно экрана —
Код:
  position:absolute;
  bottom:0px;
Если относительно рамки, то выносим за пределы цели ниже еще один див, внутрь него див с
Код:
float:right
и необходимой шириной, а внутрь этого див со штампом, у него задаем абсолютное позиционирование и отрицательный margin-top, размером с высоту.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 04.10.2011, 18:45   #5
pulka
 
Регистрация: 03.10.2011
Сообщений: 6
По умолчанию

Спасибо. Я сделала как я хотела рамку. Однако, при масштабировании, левая маленькая табличка перестала стыковаться с правым окном . В масштабе 75% и 125%. Не пойму в чем дело.
Сегодня я плюнула на все и сделала таблицей. Д.б. железобетонно. Правда, опять проблемы при отображении в IE8 (работаю в joomla. там что-то странное с кодом творится).
pulka вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выравнивание блоков div Artur37888 HTML и CSS 6 27.12.2010 18:12
Как присобачить форму к левому нижнему краю экрана Mihanches Общие вопросы Delphi 8 04.12.2010 22:47
Выравнивание содержимого страницы по правому краю Krasi JavaScript, Ajax 1 11.07.2010 14:42
выравнивание div k_a_m_a_z Помощь студентам 5 29.06.2010 23:40
StringGrid: выравнивание содержимого столбца по правому краю Art_ Компоненты Delphi 2 06.05.2009 17:30