powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float
8 сообщений из 8, страница 1 из 1
float
    #36521892
Фотография Hett
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет.
Есть такое чудо:

Код: 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
float
    #36521893
Фотография Hett
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Высота внутреннего дива может быть разной, как сделать так, чтобы див родитель имел высоту, зависящую от дива, который находится в нем?
...
Рейтинг: 0 / 0
float
    #36521904
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Плавающие ДИВы не растягивают родителя...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
float
    #36521906
Фотография Hett
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я это уже понял. И никак не выкрутиться?
...
Рейтинг: 0 / 0
float
    #36521939
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
float
    #36521951
Фотография Hett
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Просто в таблицу все неохото переделывать, в этом друпале пока найдешь... Сделал так :)

Код: 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
float
    #36521959
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Hett , писать у ДИВа
Код: plaintext
display: block;
это масло-масляное...

А
Код: plaintext
<div style="clear: both; height: 0;"></div>
возьму на вооружение.
...
Рейтинг: 0 / 0
float
    #36522030
Фотография Hett
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
block Это на случай чтобы не унаследовалось, ну а так конечно можно и не писать :)
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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