Принципиально не ставит #head_left_menu1 куда надо

[Krasi]

Доделываю сайт http://integro24.ru/

Сделал

#head_left_menu1 {
  
position: absolute;
  top: 0;
  left: 0;
  width: 201px;
  height: 150px;
  

background-image: linear-gradient(#f1e8c7, #e2cf69);

top left no-repeat;
  font-size: 100%;
  }





#left_menu1 {
  
position: absolute;
  top: 150;
  left: 0;
  width: 201px;
  height: 370px;
  

background-image: linear-gradient(#097fd2, #32aafe);

/*background: url(img/decade.png)*/ top left no-repeat;
  font-size: 100%;
  }

HTML:

<div id="head_left_menu1">
    Заголовок
     </div>

 <div id="left_menu1">
    <ul> 
   {foreach from=$menu[1] item=val}
        <li>ссылочки</li>
      {/foreach}
      </ul>
     </div>

Логично же, что заголовок должен быть такой, как задал, по высоте. А за ним должен идти список.

А вреале никак не получается, как ни пробовал... Заголовок не видно, высота ограничена. Что я не учитываю? Весь файл css в приложении

[Naive]

Нет, не логично.
1. position: absolute вырывает элемент из потока, так что для других элементов он не имеет размеров, он для них не существует;
2. top: 150; — 150 чего?
3. font-size проценты берет от кегля родителя, а не от высоты/ширины или еще чего-то там что ты себе напридумывал;
4. в CSS у тебя ошибки и font-size ваще не читается;
4. странный у тебя заголовок:

<div id="head_left_menu1" style="font-size: 100%;">
 <ul>

         <li><a href="http://integro24.ru/blog/2">Проблемы общения, самооценки</a></li>
              <li><a href="http://integro24.ru/blog/3">Психологические травмы</a></li>
              <li><a href="http://integro24.ru/blog/4">Семейные конфликты</a></li>
              <li><a href="http://integro24.ru/blog/5">Алкогольная зависимость, табакокурение</a></li>
              <li><a href="http://integro24.ru/blog/6">Избыточный вес</a></li>
              <li><a href="http://integro24.ru/blog/7">Психосоматические заболевания</a></li>
              <li><a href="http://integro24.ru/blog/8">Астении, неврозы</a></li>
              <li><a href="http://integro24.ru/blog/14">Гиперактивность, гипертонус</a></li>
              <li><a href="http://integro24.ru/blog/15">Депрессии, страхи</a></li>
      

</ul>
    </div>

Сообщение от Krasi

А вреале никак не получается, как ни пробовал...

попробуй правильно

Сообщение от Krasi

Заголовок не видно, высота ограничена.

ну когда ограничиваешь высоту, то она ограничивается, да, ничего удивительного

Сообщение от Krasi

Что я не учитываю?

синтаксис языка и базовые принципы верстки?

Принципиально не ставит #head_left_menu1 куда надо

ишь какой!

[Krasi]

Это понял. Но без position: absolute есть более серьезная проблема.

левое меню и правое меню... Ну эт просто - align left, align right.

А ведь все меню - один menu.tpl.
Затем включается тело основного текста. И вот без position: absolute сначала отображается меню, а тело сдвигается вниз. А мне они нужны четко на одном уровне. Как сделать?