Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#23 used as offset, casting to integer (23) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#25 used as offset, casting to integer (25) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: div: height:100%

Качественный Европейский хостинг	Форум для чайников
	Чат на форуме Помощь Поиск Пользователи

Здравствуйте Гость ( Вход · Регистрация · Правила форума )

Забыли пароль?

div: height:100%

ТвойWeb » WebMaster класс » CSS

Страниц (1): [1]

Описание: Вписать div по высоте в другой div

Поиск в теме | Версия для печати

SviMik	Отправлено: 17 Августа, 2006 - 17:34:03
Где-то там... Покинул форум Сообщений всего: 3538 Дата рег-ции: Окт. 2004 Откуда: Tallinn, Estonia Карма 4	Что-то не получается вписать див по высоте в другой див. CODE: <div style="height:100%;padding:20px 0 10px 0"> <div style="width:99%;background-color:#a07740"> <div style="float:left; display:block; width:58%; margin:0; background-color:#007740"> <div style="width:92%; padding:4%; text-align:left; display:block; background-color:#00FF00">1</div> <div style="width:92%; padding:4%; text-align:left; display:block; background-color:#FF00FF">2</div> </div> <div style="position:relative;height:100%;overflow:visible;width:38%;text-align:left; padding:2%; display:block; float:left; background-color:#FFFF00">3</div> <div style="display:block; height:1px; overflow:hidden; clear:both; margin-top:-1px"></div> </div> </div> Как бы на дивах покрасивее изобразить то, что таблицей выглядело бы так: <table border="0" cellpadding="5" cellspacing="0"><tr><td bgcolor="#00FF00">1</td><td rowspan="2" bgcolor="#FFFF00">3</td></tr><tr><td bgcolor="#FF00FF">2</td></tr></table>

SviMik	Отправлено: 19 Августа, 2006 - 07:20:16
Где-то там... Покинул форум Сообщений всего: 3538 Дата рег-ции: Окт. 2004 Откуда: Tallinn, Estonia Карма 4	up

Валерий	Отправлено: 19 Августа, 2006 - 08:11:05
Админ-3 Покинул форум Сообщений всего: 2676 Дата рег-ции: Янв. 2005 Откуда: Беларусь Карма 16	SviMik А что за "уп"? ты решил задачку? Покажи мне. Я сколько не бился, но расположить рядом два дива с вписанным в него текстом не смог.

SviMik	Отправлено: 19 Августа, 2006 - 08:48:26
Где-то там... Покинул форум Сообщений всего: 3538 Дата рег-ции: Окт. 2004 Откуда: Tallinn, Estonia Карма 4	Up = вверх = тема ещё актуальна = не решил Жду нашего эксперта по CSS Валерий пишет: расположить рядом два дива с вписанным в него текстом не смог. Если просто расположить - см. код первого поста. А если чтоб оно ещё и по высоте привязывалось - этого я и сам не могу.

Ray Wen	Отправлено: 20 Августа, 2006 - 01:39:02
Собиратель шишек... Покинул форум Сообщений всего: 2602 Дата рег-ции: Янв. 2005 Откуда: Волгоград Карма 21	SviMik Ну можешь попробовать конечно так: CODE: <div style="height:100%;margin:20px 0 10px 0; position:relative;background:#a07740"> <div style=" height:100%; float:left;display:block; width:58%; margin:0; background-color:#007740"> <div style="width:92%; height:50%; padding:4%; text-align:left; display:block; background:#0F0">1</div> <div style="width:92%; height:50%; padding:4%; text-align:left; display:block; background:#F0F">2</div> </div> <div style="position:relative;height:100%; float:right;overflow:visible;width:38%;text-align:left; padding:2% 2% 7% 2%; display:block; background:#FF0">3</div> <div style="display:block; height:1px; overflow:hidden; clear:both; margin-top:-1px"></div> </div> но по моему все это фигня... в данном случае лучше таблицами воспользоваться... Костяк на таблицах, все остальное как надо... Кстати паддинг лучше не указывать в процентах...

SviMik	Отправлено: 20 Августа, 2006 - 08:19:21
Где-то там... Покинул форум Сообщений всего: 3538 Дата рег-ции: Окт. 2004 Откуда: Tallinn, Estonia Карма 4	Ray Wen Ray Wen пишет: Ну можешь попробовать конечно так Мог бы и сам проверить... Лучше не стало. Ray Wen пишет: но по моему все это фигня... в данном случае лучше таблицами воспользоваться Условие - всё на div'ах. Хотя, раз вариантов нет, придётся пробовать таблицей...

Ray Wen	Отправлено: 20 Августа, 2006 - 08:48:35
Собиратель шишек... Покинул форум Сообщений всего: 2602 Дата рег-ции: Янв. 2005 Откуда: Волгоград Карма 21	SviMik Ну так со спецификацей этого вообще не сделать... проверял без нее (правда только в Oper'e 9)...

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0, скрытых: 0)

« CSS »

Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.

Форум на AlfaSpace.NET

[Script Execution time: 0.0326] [ Gzipped ]