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%
ТвойWeb ТвойWeb
Качественный Европейский хостинг
 Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


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

> Описание: Вписать div по высоте в другой div
Поиск в теме | Версия для печати
SviMik Супермодератор
Отправлено: 17 Августа, 2006 - 17:34:03
Post Id



Где-то там...


Покинул форум
Сообщений всего: 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>
 
 Top
SviMik Супермодератор
Отправлено: 19 Августа, 2006 - 07:20:16
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




 up
 
 Top
Валерий Администратор
Отправлено: 19 Августа, 2006 - 08:11:05
Post Id



Админ-3


Покинул форум
Сообщений всего: 2676
Дата рег-ции: Янв. 2005  
Откуда: Беларусь

Карма 16




 SviMik
А что за "уп"?

ты решил задачку?
Покажи мне. Я сколько не бился, но расположить рядом два дива с вписанным в него текстом не смог.
 
 Top
SviMik Супермодератор
Отправлено: 19 Августа, 2006 - 08:48:26
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




 Up = вверх = тема ещё актуальна = не решил Улыбка
Жду нашего эксперта по CSS Улыбка

Валерий пишет:
расположить рядом два дива с вписанным в него текстом не смог.

Если просто расположить - см. код первого поста. А если чтоб оно ещё и по высоте привязывалось - этого я и сам не могу. Улыбка
 
 Top
Ray Wen Администратор
Отправлено: 20 Августа, 2006 - 01:39:02
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 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>

но по моему все это фигня... в данном случае лучше таблицами воспользоваться... Костяк на таблицах, все остальное как надо... Кстати паддинг лучше не указывать в процентах...
 
 Top
SviMik Супермодератор
Отправлено: 20 Августа, 2006 - 08:19:21
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




 Ray Wen
Ray Wen пишет:
Ну можешь попробовать конечно так

Мог бы и сам проверить... Лучше не стало.

Ray Wen пишет:
но по моему все это фигня... в данном случае лучше таблицами воспользоваться

Условие - всё на div'ах. Хотя, раз вариантов нет, придётся пробовать таблицей...
 
 Top
Ray Wen Администратор
Отправлено: 20 Августа, 2006 - 08:48:35
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 SviMik
Ну так со спецификацей этого вообще не сделать... проверял без нее (правда только в Oper'e 9)...
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0, скрытых: 0)
« CSS »


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



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®
[Script Execution time: 0.0376]     [ Gzipped ]



Notice: ob_end_flush(): failed to send buffer of ob_gzhandler (1) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/page_tail.php on line 33