Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float / 8 сообщений из 8, страница 1 из 1
15.03.2010, 19:52:38
    #36521892
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Всем привет.
Есть такое чудо:

Код: plaintext
1.
2.
3.
<div style="border: 1px solid red">
<div style="height: 300px; width: 100px; border: 1px solid; float: right"></div>
тест
</div>

Как сделать так, чтобы див родитель вытягивался под див, который находится в нем?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 19:53:37
    #36521893
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Высота внутреннего дива может быть разной, как сделать так, чтобы див родитель имел высоту, зависящую от дива, который находится в нем?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 20:10:49
    #36521904
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Плавающие ДИВы не растягивают родителя...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 20:12:15
    #36521906
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Я это уже понял. И никак не выкрутиться?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 20:40:23
    #36521939
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
HettИ никак не выкрутиться?
В таких случаях я использую табличку из одной строки и двух ячеек... Типа такого.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
* (
	margin:  0 ;
	padding:  0 ;
)
#td1 {
	width: 100px;
}
#d1 {
	height: 300px; 
	width:  100 %; 
	border: 1px solid; 
}
#p1 {
	border: 1px solid blue; 
}
</style>
</head>

<body>
<table width='100%' border='1'>
<tr>
	<td valign='top'>
		<p id='p1'>тест</p>
	</td>
	<td id='td1' valign='top'>
		<div id='d1' ></div>
	</td>
<tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 20:53:43
    #36521951
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Просто в таблицу все неохото переделывать, в этом друпале пока найдешь... Сделал так :)

Код: plaintext
1.
2.
3.
4.
5.
<div style="border: 1px solid;">
    <div style="height: 300px; width: 100px; border: 1px solid; float: right; display: block;"></div>
    тест
<div style="clear: both; content: "."; height: 0; visibility: hidden; display: block;">
</div>
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 21:01:00
    #36521959
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Hett , писать у ДИВа
Код: plaintext
display: block;
это масло-масляное...

А
Код: plaintext
<div style="clear: both; height: 0;"></div>
возьму на вооружение.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2010, 22:00:16
    #36522030
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
block Это на случай чтобы не унаследовалось, ну а так конечно можно и не писать :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 504ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453388]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 197ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 226ms
total:  504ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]