"не работает" height

[serge297]

проблемма в том, что в блоке "не работает" высота.
обьясняю: мне нужно, чтобы высота блоков текста и картинки всегда = 200пикселям. я блок для картинки и блок для новости всунул в 2 отдельных дива, 1 справа, 2й - слева, им задал высоту, но получается как на изображении

а мне нужно, чтобы "серый" блок был на расстоянии в 200пикселей от заголовка, т.е., чтобы высота новоти все время была фиксированной.
да. цсс:

Код: [Выделить]

.SStop{
        border:thin solid #0000FF;
        height:50px;}
    .SSleft{                                                /*SSleft и SSright - те самые блоки для вывода новости (картинка итекст)*/
        height:200px;
        min-height:200px;
        float:left;
        border:thin solid #0000FF;}
    .SSright{
        height:200px;
        float:right;
        border:thin solid #0000FF;}
    .SSbot{
        margin-top:10px;
        height:20px;
        background-color:#999999;
        border:thin solid #0000FF;}     
вот шортстори.тпл

Код: [Выделить]

<div class="SStop">[full-link]{title}[/full-link]
    <div class="short-story-rating">{rating}</div>
    <div class="short-story-category">{category}</div>
</div>
<div class="SSleft">P I C T U R E</div>
<div class="SSrigt">{short-story}</div>
<div class="SSbot">{date} {comments-num} {views} [full-link]подробнее[/full-link]</div>

[Сима]

Что-то блокирует это свойство,точнее другое свойство его перекрывает,посмотри размеры таблиц/блоков,в которых располагается элемент к которому тебе нужно применить height.

[serge297]

в блоке, где должен распологаться контент, нигде не указан параметр высоты,
хотя есть обнуление в начале стайл.цсс
может оно как то влияет?

Код: [Выделить]

html, body, div, span, applet, object, iframe,/*_*/
h1, h2, h3, h4, h5, h6, p, blockquote, pre,/*_*/
a, abbr, acronym, address, big, cite, code,/*_*/
del, dfn, em, font, img, ins, kbd, q, s, samp,/*_*/
small, strike, strong, sub, sup, tt, var,/*_*/
b, u, i, center,/*_*/dl, dt, dd, ol,
/*_*/fieldset, form, label, legend,
/*_*/table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
/*height:100%;*/
border:0;
outline: 0;
/*font-size: 11px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align: baseline;
}

[asmakovec2]

        height:200px;
        min-height:200px;

Эти 2 свойства конфликтуют.
в одном ты говоришь браузеру 200, а  во втором говоришь Минимум 200. браузер берёт второе а первое игнорирует

[serge297]

min-height:200px;  - убрал, все равно не помогает

[asmakovec2]

min-height:200px;  - убрал, все равно не помогает

кеш чистил?

[vladimir]

А как же див для новости? Заключи в него.
Ну а ещё раз использовал float, то сделай после всех этих дивов запрет на обтекание.

Код: [Выделить]

<div style="clear:both">&nbsp;</div>

[serge297]

vladimir
не помогло, картинка все равно вылазит. всю новость заключил в див, и дал свойство "clear:both"
получилось это:

(с красной границей - див для всей новости)

ЗЫ хочу сделать что-то примерно как здесь:
http://topgir.com.ua/

[serge297]

И еще:
заметил, что "серый блок" появляется сразу после текста, а блок с самим текстом я заключал в синий бордер, но он не отображается.. может это как то взаимосвязано???

[vladimir]

Раз так, то нужно ставить мой код после

Код: [Выделить]

<div class="SSrigt">{short-story}</div>Тогда серый див с информацией о новости будет идти только после картинки.

[serge297]

а в цсс этот параметр почему не работает?

[vladimir]

Какой этот?
Как я сказал сделал?

[serge297]

все, с той проблеммой я разобрался
я неправильно писал порсто))