|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
22.08.2011, 16:22 | #1 |
любитель-далеко не
Участник клуба
Регистрация: 13.04.2010
Сообщений: 1,156
|
Сделать дочерний блок, равный во высоте родительскому.
Здравствуйте , уважаемые программисты и верстальщики)
Вопрос довольно указанный в заголовке , судя по информации в интернете довольно избит, а решение , как во многим местах говориться "не тривиально", но знает ли кто нибудь пример подобного решения? и вот ещё связанный с предыдущим, но более конкретный вопрос - имеется, значит блок переменной высоты, которая определяется числом сообщений , справа в этом блоке располагаются сообщения, а слева картинка, состоящая из трёх частей - средняя из которых , как раз-таки и призвана растягиваться на всю имеющуюся высоту прадедовского блока (родительский блок полосы содержит три её сегмента и находится на одном уровне иерархии с сообщениями ) собственно вот разметка - Код:
Код:
понимаю, что вопрос сложный ,да и нет времени вникать, номоже кто-то знает разобранные решения из этой серии. если так - то подскажите пожалуйста) заранее благодарю) |
23.08.2011, 01:05 | #3 |
Регистрация: 19.08.2011
Сообщений: 6
|
- вопрос не сложный, сложный твой код
Вот так должно работать: Код HTML:
@charset "utf-8"; #dynamic { margin:0px; padding:32px; top: 0px; left: 0px; width: 1024px; overflow: auto; border: dashed 5px; } #left_line { position:absolute; height: 100%; width: 4px ; border:1px dashed #000; } #left_line_top { position:absolute; width: 4px; height: 122px; background: url('images/LeftLine/LeftLineTop.jpg'); } #left_line_middle{ position:absolute; top:122px; bottom:105px; width:4px; background-image: url('images/LeftLine/LeftLineMiddle.jpg'); } #left_line_foot{ position:absolute; bottom: 0; width: 4px; height: 105px; background: url('images/LeftLine/LeftLineFoot.jpg'); } #message_area { position: relative; margin:10px; padding:10px; background: no-repeat url('images/message/MessageArea.jpg') ; font: 13px Arial,Tahoma,Sans-serif; border: dashed 1px; } |
23.08.2011, 13:29 | #4 |
любитель-далеко не
Участник клуба
Регистрация: 13.04.2010
Сообщений: 1,156
|
TranceSmile , благодарю за пример, пытаюсь с ним разобраться.
Nezznayka , замечательный пример! спасибо) но вот почему-то свойство Код:
в то время как top вроед как вычисляется относительно родительского элемента.... прикрепляю макет , может глянете. Последний раз редактировалось vedro-compota; 23.08.2011 в 13:31. |
25.08.2011, 15:11 | #6 |
Веб-дизайнер
Форумчанин
Регистрация: 11.08.2011
Сообщений: 305
|
Код:
|
25.08.2011, 19:51 | #7 | |
любитель-далеко не
Участник клуба
Регистрация: 13.04.2010
Сообщений: 1,156
|
kettanaito , а как же -
Цитата:
------------------- kettanaito , собственно говоря, действительно - проблема в том , что не получает привязать координаты вложенного блока под размер родительского. Последний раз редактировалось vedro-compota; 25.08.2011 в 20:02. |
|
25.08.2011, 20:16 | #8 |
любитель-далеко не
Участник клуба
Регистрация: 13.04.2010
Сообщений: 1,156
|
так. вроде получилось!
у Nezznayka в примере всё правильно только надо было бы явно указать= Код:
|
25.08.2011, 21:43 | #9 |
Веб-дизайнер
Форумчанин
Регистрация: 11.08.2011
Сообщений: 305
|
vedro-compota, вижу, но все же на практике абсолют чаще ссылается к материнскому элементу как к странице в целом. Да и зачем идти длинным путем когда relative в нашем распоряжении
|
25.08.2011, 22:08 | #10 |
любитель-далеко не
Участник клуба
Регистрация: 13.04.2010
Сообщений: 1,156
|
мм...но весь смысл в том.чтобы определить произвольный размер родительского блока -
то есть необходимо изменение размера именно относительно родительского - поэтому и абсолют) |
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Дочерний класс от TListItem | EaRLL | Общие вопросы Delphi | 14 | 18.04.2011 05:36 |
Если в столбцах, встретился элемент, равный сумме | Aluckard | Помощь студентам | 2 | 28.11.2010 12:36 |
Обращение к родительскому окну delphi 8 .net | Alik221 | Помощь студентам | 3 | 04.08.2010 12:37 |
Сформировать одномерный массив равный двумерному | семечко | Помощь студентам | 3 | 07.10.2009 23:37 |
Программа, выполняет дочерний процесс | IgorArhangel | Помощь студентам | 3 | 24.01.2009 23:12 |