Jump to content

Eudelis

Newbie
  • Posts

    2
  • Joined

  • Last visited

Everything posted by Eudelis

  1. Eudelis

    Div в div'e

    Благодарю Чуть-чуть отредактировал и получил именно то, что требовалось
  2. Eudelis

    Div в div'e

    Привет Появилась проблема с вложенными дивами и я не могу ее сам решить Нужна такая конструкция (нарисовал на скорую руку) http://img532.imageshack.us/img532/144/atata.png Блоки (1) и (2) находятся один под одним, в блок (2) входят два блока: (3) и (4). В свою очередь в блоки (3) и (4) входят еще одна "конструкция". (по сути, в 3м и 4м блоке будет одно и тоже, только с разной шириной. В общем, все это я пытаюсь сделать следующим образом: (4го блока тут нет, ибо даже не пытался сделать, без нормального 3го) <div class="center-menu"></div> /* блок (1) */ <div class="center-body"> /* Блок (2) */ <div class="left-menu"> /* Блок 3 */ <div style="float: left; width: 26px;height: 18px; background: url('menu/menu_01.PNG') center no-repeat;"></div> <div style="float: left; width: 150px;height: 18px;background: url('menu/menu_02.PNG') repeat-x;"></div> <div style="clear:left; float: left; width: 176px; background-color: #808082; background: url('menu/menu_03.png') center repeat-y;">тест тест<br>2</div> <div style="clear:left;float: left; width: 176px; height: 17px; background: url('menu/menu_04.png');">тест тест тест</div> </div> </div> css этого действа div.center-menu {width: 748px;height: 33px; background-color: #000;} div.center-body {width: 748px;height: 300px; background-color: #4a4c47;} div.left-menu {float: left;margin:20px;} И теперь в чем проблема: Когда я не использую div под своим номером (3), а просто делаю так: <div class="center-menu"></div> /* блок (1) */ <div class="center-body"> /* Блок (2) */ <div style="float: left; width: 26px;height: 18px; background: url('menu/menu_01.PNG') center no-repeat;"></div> <div style="float: left; width: 150px;height: 18px;background: url('menu/menu_02.PNG') repeat-x;"></div> <div style="clear:left; float: left; width: 176px; background-color: #808082; background: url('menu/menu_03.png') center repeat-y;">тест тест<br>2</div> <div style="clear:left;float: left; width: 176px; height: 17px; background: url('menu/menu_04.png');">тест тест тест</div> </div> То все норм отображается, но как только загоняю те дивы со стайлами в <div class="left-menu">, то имею следующий результат http://img682.imageshack.us/i/atata2.png/ В чем ошибка, что подправить, чтобы они нормально отображались?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy