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

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

Strict Standards: Resource ID#34 used as offset, casting to integer (34) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: div: height:100%
ТвойWeb » WebMaster класс » CSS » div: height:100%

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

1. SviMik - 17 Августа, 2006 - 17:34:03 - перейти к сообщению
Что-то не получается вписать див по высоте в другой див.

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>
2. SviMik - 19 Августа, 2006 - 07:20:16 - перейти к сообщению
up
3. Валерий - 19 Августа, 2006 - 08:11:05 - перейти к сообщению
SviMik
А что за "уп"?

ты решил задачку?
Покажи мне. Я сколько не бился, но расположить рядом два дива с вписанным в него текстом не смог.
4. SviMik - 19 Августа, 2006 - 08:48:26 - перейти к сообщению
Up = вверх = тема ещё актуальна = не решил Улыбка
Жду нашего эксперта по CSS Улыбка

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

Если просто расположить - см. код первого поста. А если чтоб оно ещё и по высоте привязывалось - этого я и сам не могу. Улыбка
5. Ray Wen - 20 Августа, 2006 - 01:39:02 - перейти к сообщению
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>

но по моему все это фигня... в данном случае лучше таблицами воспользоваться... Костяк на таблицах, все остальное как надо... Кстати паддинг лучше не указывать в процентах...
6. SviMik - 20 Августа, 2006 - 08:19:21 - перейти к сообщению
Ray Wen
Ray Wen пишет:
Ну можешь попробовать конечно так

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

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

Условие - всё на div'ах. Хотя, раз вариантов нет, придётся пробовать таблицей...
7. Ray Wen - 20 Августа, 2006 - 08:48:35 - перейти к сообщению
SviMik
Ну так со спецификацей этого вообще не сделать... проверял без нее (правда только в Oper'e 9)...

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0286]     [ Gzipped ]