|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
03.10.2011, 19:28 | #1 |
Регистрация: 03.10.2011
Сообщений: 6
|
Выравнивание div по нижнему краю
Здравствуйте. Я новичок и у меня такая проблема. Необходимо нарисовать слоями что-то типа чертежного формата с помощью дивов. Проблема заключается в том, что рамочку и место под информацию надо выравнять по нижнему краю. При этом, высота неизвестна. Т.е. она меняется в зависимости от наполнения.
Я тут код набросала. Привожу ниже код и примерный рисунок что имею и что должно получиться. |
03.10.2011, 19:29 | #2 |
Регистрация: 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. |
03.10.2011, 19:31 | #3 |
Регистрация: 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"> </div> <div class="l1"> </div></div> <div id="r2"><div class="l2"> </div> <div class="l3"> </div></div> <div id="r3"><div class="l4"> </div> <div class="l5"> </div></div> <div id="r4"><div class="l6"> </div> <div class="l7"> </div></div> <div id="r5"><div class="l8"> </div> <div class="l9"> </div></div> <div id="r6"><div class="l10"> </div> <div class="l11"> </div></div> <div id="r7"><div class="l12"> </div> <div class="l13"> </div></div> </div> </div> </body> </html> Очень надеюсь на вашу помощь! |
04.10.2011, 13:19 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Если относительно экрана —
Код:
Код:
Alar, верни репу!
|
04.10.2011, 18:45 | #5 |
Регистрация: 03.10.2011
Сообщений: 6
|
Спасибо. Я сделала как я хотела рамку. Однако, при масштабировании, левая маленькая табличка перестала стыковаться с правым окном . В масштабе 75% и 125%. Не пойму в чем дело.
Сегодня я плюнула на все и сделала таблицей. Д.б. железобетонно. Правда, опять проблемы при отображении в IE8 (работаю в joomla. там что-то странное с кодом творится). |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Выравнивание блоков 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 |