Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

Как задать минимальную высоту div-а?
1, 2  .
 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS
 
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 11, 2009 1:03 pm     : Как задать минимальную высоту div-а?

Здравствуйте!
есть блок #content-wrapper, стоит задача сделать каким-то образом высоту это блока так, чтобы если в нем мало контента (ну там, текста всего пару строчек), он бы не сжимался по высоте до такого мелкого размера (страница будет выглядеть некрасиво тогда).

какие варианты? параметра min-height не существует, может какой-то невидимый рисунок вставить туда по вертикали чтоб из-за него блок не мог сжаться? или еще какие хитрости?
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 11, 2009 2:47 pm     :

min-height существует в css но действует только для ie>6 и правильных браузеров.

ie6 кстати воспринимает height как min-height - то есть тянет блок. На крайняк существуют expression.

Так что можете спокойно писать в таблицу стилей для правильных браузеров и ie>= 7 min-height, а в таблицу стилей для ie6 - height
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 11, 2009 3:46 pm     :

Да, это я лоханулся, действительно min-height существует и работает, - спасибо!

(правда, вылезла другая ерунда - правая граница этого div-а обрывается там где кончается </p> внутри этого самого див-а, далее идет пустота... )
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 11, 2009 3:48 pm     :

ну знаете ли... Уверены? Включите для p и для div границы (p,div{border: 1px solid;}) и посмотрите внимательнее. По-умолчанию ширина блочного элемента - все доступное ему место.
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 11, 2009 4:14 pm     :

да вот взгляните сами: (сделал скрин) http://dl.getdropbox.com/u/781669/border.jpg
там для внутреннего блока с текстом задано { border-right: 1px solid #b5b5b5; }

во многих обучалках читал что эта багофича присутствует, и придумываются различные способы это обойти, типа нарисовать эти блоки - вырезать полоску и вставить ее фоном в пустой общий блок...
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 12, 2009 7:32 am     :

е-мае...
А я ведь когда-то выложил на форуме практическое задание как раз для такого образца верстки.
Там в принипе все элементарно -

<div style="width:500px;">
<div id="left" style="float:left;width:400px;top:0;">левый блок</div>
<div id="right" style="margin-left:400px;width:100px;top:0"></div>
</div>
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 12, 2009 8:58 am     :

О! сейчас приду на работу, там попробую... Very Happy
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 12, 2009 2:49 pm     :

А для чего нужен top=0 ?

Сделал как вы сказали, ну вобщем, ни к чему это не привело, увы Sad всё по прежнему - как убрал картинку то при min-height этот бордер обрывается не доходя до низа..
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 12, 2009 2:57 pm     :

вообще-то я просто общую схему дал. Может быть тебе всю малину родительский элемент режет
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 12, 2009 4:41 pm     :

OldFornit ():
родительский элемент

у меня выглядит таким образом:

[code:1:4e704af670]#content-wrapper {
float: left;
width: 800px;
margin-bottom: 10px;
border: 1px solid #b5b5b5;
margin-top: 10px;
min-height: 500px;
background: url(../images/bg-logo-pale.gif) no-repeat 50px;
}[/code:1:4e704af670]

есть что-то тут что может портить малину?
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 13, 2009 7:09 am     :

ну а вложенные блоки?
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 13, 2009 12:29 pm     :

а вот они:
[code:1:d6765db586]#main-content {
float: left;
width: 600px;
border-right: 1px solid #b5b5b5;
top: 0px;
}
#news-content {
width: 190px;
margin-left: 600px;
top: 0px;
}[/code:1:d6765db586]
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 13, 2009 12:31 pm     :

забвно. У меня не воспроизводится. Паддинги-маржины обнулены?
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 13, 2009 12:54 pm     :

да, вот:
[code:1:51dc2d9800]body, h1, h2, h3, h4, p, ul, li {
margin: 0px;
padding: 0px;
}[/code:1:51dc2d9800]

естественно у меня там идет

<div id="content-wrapper">
<div id="main-content"> ....
</div>
<div id="news-content">....
</div>
</div>
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 13, 2009 12:56 pm     :

в дивах отступы не зануляются...
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS : GMT + 2
1, 2  .
1 2

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 135572 / 0

Rambler's Top100 @Mail.ru