ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
3 сообщений из 3, страница 1 из 1
Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
    #38593449
Lvitsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lvitsa
Гость
У меня он вообще пропадает когда у height не фиксированная высота (проверка идет по картинке) она вовсе пропадает вместе с блоком((((((

#main{
width:1000px;
height:auto;
margin: 0 auto;
background-image: url("/images/middle_bg.png");
background-repeat: repeat;
}
#top{
width:1000px;
height:auto;
}
#middle{
width:1000px;
height:auto;
}
#buttom{
width:1000px;
height:auto;
}

<div id="main">
<div id="top">Текст текст текст текст текст текст текст текст текст текст текст</div>
<div id="middle">Текст текст текст Текст текст Текст текст текст Текст текст текст </div>
<div id="buttom">Текст текст текст</div>
</div>
...
Рейтинг: 0 / 0
22.03.2014, 03:46
| Ответить | Цитировать | Написать  
Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
    #38593453
Lvitsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lvitsa
Гость
Lvitsa,

Может кому то поможет...

...в #main надо добавить display: table;
...
Рейтинг: 0 / 0
22.03.2014, 04:49
| Ответить | Цитировать | Написать  
Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
    #38593633
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LvitsaМожет кому то поможет...

...в #main надо добавить
Код: css
1.
display: table;


Крутое решение...

В твоем примере все и так "подстраивается"...

Код: html
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.
35.
36.
37.
38.
39.
40.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#main{
	width:1000px;
	height:auto;
	margin: 0 auto;
	background-image: url("/images/middle_bg.png");
	background-repeat: repeat;
	border: 1px solid;
}
#top{
	width:1000px;
	height:auto;
}
#middle{
	width:1000px;
	height:auto;
}
#buttom{
	width:1000px;
	height:auto;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="main">
	<div id="top">top Текст текст текст текст текст текст текст текст текст текст текст</div>
	<div id="middle">middle Текст текст текст Текст текст Текст текст текст Текст текст текст </div>
	<div id="buttom">buttom Текст текст текст</div>
</div>
</body>
</html>


Т.ч. ты что-то не договариваешь...
...
Рейтинг: 0 / 0
22.03.2014, 17:18
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=105&tid=1447296]:
 0ms
get settings:
 10ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 309ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 239ms
total:  618ms
созд. / загр.: 618ms
x
x
Закрыть


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