ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ie8 расстянуть div внутри td по высоте
18 сообщений из 18, страница 1 из 1
ie8 расстянуть div внутри td по высоте
    #38528860
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html style="height:100%;width:100%">
<body style="height:100%;width:100%">
<table border=1 style="height:100%;width:100%">

<tr>
<td >
<div style="height:100%;width:100%;background-color:red">rtsydfhdfghdfghsgfhsgh</div>
</td>
<td>

</td>
</tr>

</table>
</body>
</html>


Не работает в ie8. как исправить?
...
Рейтинг: 0 / 0
16.01.2014, 20:34
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38528897
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
sergei64_89,

сейчас проверил в IE8 , работает. Проверьте по кнопке F12 , нет ли режима совместимости.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<style>
table {
	border-collapse:collapse;
}
td {
	padding:0;
}
</style>
</head>

<body>
<table border=1 style="height:100%;width:100%">
	<tr> <td> <div style="height:100%;width:100%;background-color:red">rtsydfhdfghdfghsgfhsgh</div> </td> <td></td> </tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
16.01.2014, 21:15
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38528942
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
user89,
Код: 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.
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">

<style>
html, body
{
height:100%;width:100%
}
table {
	border-collapse:collapse;
}
td {
	padding:0;
}
</style>
</head>

<body>
<table border=1 style="height:100%;width:100%">
	<tr> <td> <div style="height:100%;width:100%;background-

color:red">rtsydfhdfghdfghsgfhsgh</div> </td> <td style="height:30%"></td> </tr>
</table>
</body>
</html>


В вашем варианте действительно растягивает,но таблица состоит не из одной ячейка.В варианте(выше код) две ячейки,в одной из них находится див вот его надо растянуть на всю ячейку,в режиме совместимости расстягивается, в стандартном нет.
...
Рейтинг: 0 / 0
16.01.2014, 22:14
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38529141
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89расстянуть div внутри td по высоте
Как вариант...

Код: 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.
41.
42.
43.
44.
45.
46.
<!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">
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height:100%;
	width:100%;
}
table {
	height:100%;
	width:100%;
	border: 1px solid;
}
td {
	height: 100%;
}
div {
	height:100%;
	width:100%;
	background-color:red;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table>
	<tr>
		<td >
			<div>rtsydfhdfghdfghsgfhsgh</div>
		</td>
		<td>
		</td>
	</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
17.01.2014, 08:45
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38530151
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
krvsa,
благодарю. я забыл height для td указать.
...
Рейтинг: 0 / 0
17.01.2014, 20:45
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38530157
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
подскажите как сделать тоже самое на div. Слево div на всю высоту.справа два дива(один под другим),нижний див имеет min-height:300px.
...
Рейтинг: 0 / 0
17.01.2014, 20:55
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38530400
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89справа два дива(один под другим),нижний див имеет min-height:300px.
Что будет с верхним? Что будет с нижним?
Т.к. "нижний див имеет min-height:300px." это ооочень мало информации.
...
Рейтинг: 0 / 0
18.01.2014, 10:49
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38532448
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
верхний div занимает 70%,нижний 30%,но не меньше 300px
...
Рейтинг: 0 / 0
20.01.2014, 21:41
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38532520
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89верхний div занимает 70%,нижний 30%,но не меньше 300px
Что делать когда это не будет соблюдаться?
...
Рейтинг: 0 / 0
20.01.2014, 23:26
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38532521
ILLHEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ILLHEAD
Участник
krvsasergei64_89верхний div занимает 70%,нижний 30%,но не меньше 300px
Что делать когда это не будет соблюдаться? оверфлоу хайден ;)
...
Рейтинг: 0 / 0
20.01.2014, 23:30
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38532570
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
krvsa, скажу подробней.
Слево div на всю высоту.справа два дива(один под другим),нижний див имеет min-height:300px. приоритет на нижний div,он должен быть не меньше 300px.
...
Рейтинг: 0 / 0
21.01.2014, 00:41
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38532610
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
Код: 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.
<!DOCTYPE html>
<html style="height:100%;min-height:500px;">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Две колонки</title>
 <style type="text/css">

   .content { 
   float:right;
width:70%;
height:100%;
   }
  </style>
 </head>
 <body style="height:100%;min-height:500px;">

<div style=" background-color: gray; width: 30%; height: 100%; float: left; "> 


</div>
   <div class="content">
   <div style="height: 70%;background-color:green;position:relative;">
<div style="background-color:red;height:100%">
         <div style="clear:both;position:absolute; bottom:0px">
hmgfhgjgjhgjkghgjhgjkh
         </div> 
</div>
             </div>
         <div style="height: 30%; background-color:pink;">
     
               
           
       2
            </div>
   </div>


 </body>
</html>


Вот такой вариант работает в хроме и опере, в ие8 при уменьшении появляется белая область внизу.как исправить?
...
Рейтинг: 0 / 0
21.01.2014, 02:02
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38532683
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89верхний div занимает 70%,нижний 30%,но не меньше 300px
Такое возможно только имея ограницение на всю высоту окна в 1000px... В противном слечае такая комбинация невозможна.

Вот вариант без ограничений, чисто с процентами.

Код: 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.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
<!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">
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	width: 100%;
}
#container {
	position: relative;
	height: 100%;
	width: 100%;
}
#left {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	background-color: red;
}
#right {
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	background-color: green;
}
#up {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background-color: green;
}
#down {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30%;
	background-color: yellow;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
	<div id='left'></div>
	<div id='right'>
		<div id='up'></div>
		<div id='down'></div>
	</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
21.01.2014, 08:54
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38551312
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
в ie8 при ресайзе браузера снизу образуется пустота(контейнер не расстягивается). как исправить?
Код: 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.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
<!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">
* {
	margin: 0;
	padding: 0;
}
html,
body {

	height: 100%;
	width: 100%;

min-height:800px;
}
#container {
	position: relative;
	height: 100%;
	width: 100%;
margin-bottom: 1em;
background-color: red;
}
#left {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	background-color: red;
}
#right {
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	background-color: green;
}
#up {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background-color: green;
}
#down {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30%;
	background-color: yellow;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
	
</div>
</body>
</html>
...
Рейтинг: 0 / 0
06.02.2014, 02:11
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38551448
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89в ie8 при ресайзе браузера снизу образуется пустота(контейнер не расстягивается). как исправить?

Таки не делать тот отступ...
sergei64_89
Код: css
1.
2.
3.
#container {
margin-bottom: 1em;
}
...
Рейтинг: 0 / 0
06.02.2014, 09:41
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38554203
sergei64_89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergei64_89
Участник
Это не помогает,помогло если для каждого внутреннего контейнера сделать min-height вручную
...
Рейтинг: 0 / 0
08.02.2014, 00:11
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38554918
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89Это не помогает
Я х/з в чем оно там тебе не помогает... Но в том тестовом примере все работает как нужно.
...
Рейтинг: 0 / 0
09.02.2014, 13:57
| Ответить | Цитировать | Написать  
ie8 расстянуть div внутри td по высоте
    #38554921
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sergei64_89 , вот пример...

Код: 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.
<!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">
* {
	margin: 0;
	padding: 0;
}
html,
body {

	height: 100%;
	width: 100%;
}
#container {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: red;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'></div>
</body>
</html>


Все растягивается и никаких отступов... Все осталное зависит только от тебя.
...
Рейтинг: 0 / 0
09.02.2014, 14:01
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ie8 расстянуть div внутри td по высоте
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38532610&tid=1447417]:
 0ms
get settings:
 11ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 406ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 65ms
get tp. blocked users:
 1ms
others: 216ms
total:  739ms
созд. / загр.: 739ms
x
x
Закрыть


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