Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков? / 3 сообщений из 3, страница 1 из 1
22.03.2014, 03:46
    #38593449
Lvitsa
Lvitsa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
У меня он вообще пропадает когда у 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, 04:49
    #38593453
Lvitsa
Lvitsa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
Lvitsa,

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

...в #main надо добавить display: table;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.03.2014, 17:18
    #38593633
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков?
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать так, чтобы высота блока #main подстраивалась под высоту его внутренних блоков? / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 477ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447296]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 143ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 255ms
total:  477ms
x
x
Закрыть


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