Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расширить DIV по вертикали.... / 5 сообщений из 5, страница 1 из 1
11.01.2009, 10:58
    #35750492
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расширить DIV по вертикали....
Вот пример http://test.egorievsk.org/3.html

Нужно сделать так, чтобы мин высота DIV'a была 100px, что и задано в стилях, но при большом количестве контента внутри, чтобы DIV расширялся по вертикали.

В данном случае это происходит только в IE,Opera , а вот в Mozilla граница остается по прежнему на 100px!

Как сделать так, чтобы была минимальная высота, но при этом корректно расширялось при увеличении текста?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2009, 13:38
    #35752454
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расширить DIV по вертикали....
armix2000 , сделай тестовый пример - это облегчит задачу помогающим...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2009, 14:14
    #35752586
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расширить DIV по вертикали....
ВОт его старница:
Код: 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.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
div#content {height: 100px; width:300px;border: 1pt solid;}
</style>
</HEAD>

<BODY>
<div id="content">С помощью графического дизайна можно решать задачи гораздо более интересные, чем простое декорирование. Рассмотрим для примера историю борьбы производителей табака с противниками табакокурения. 
 
 
 02  
 Исторически во всем мире (и в нашей стране) сигареты и папиросы были обычным повседневным товаром для подавляющего числа взрослого мужского населения. Раньше можно было курить везде — в автобусе, в столовой, в редакции. Пространство для курения сокращалось в течение всего XX века. Из личного опыта: курение в кинотеатрах автор уже не застал, но в самолетах успел накуриться вовсю. 
 <table border="1" width="100%">
  <tr>
    <td width="100%">afafaf
      <p>afaf</p>
      <p>faf</p>
      <p>faafaf</p>
      <p>afafaf</td>
  </tr>
</table>
</div>
</BODY>
</HTML>
Может юзать как то min-height:100px?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2009, 14:44
    #35752688
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расширить DIV по вертикали....
РенатМожет юзать как то min-height:100px?
Я тоже так подумал...

Вот с этим работает в большей тройке

Код: plaintext
1.
2.
3.
4.
5.
6.
<style type='text/css'>
#content {
	min-height: 100px; 
	width: 300px;
	border: 1pt solid;
}
</style>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.01.2009, 14:23
    #35754960
luchik_5
luchik_5
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расширить DIV по вертикали....
min-height не работает в IE<7 версии. Придется имметировать это свойство например след. образом:

*html #content
{
height:auto;
height:100px ! important;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расширить DIV по вертикали.... / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 724ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455314]:
 0ms
get settings:
 10ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 406ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 218ms
total:  724ms
x
x
Закрыть


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