css margin не отвечает

HTML-код

<div id="page">
   <div id="container2">
      <div id="container1">
         <div id="mainarea">
            <?php include mainarea_constractor.php";?>
         </div>
         <div id="sidebar">
         //content_of_sidebar_goes_here
         </div>
      </div>
   </div>
</div>

CSS-код:

#page{
    margin:auto;
    width:990px;
    padding:0 10px;
    padding-top:5px;
    padding-bottom:5px;
    background: url(/template/img/main/containt_bg.png) center center repeat-y;
    overflow: hidden;
}

#container2 {
    clear:left;
    float:left;
    width:990px;
    overflow:hidden;
}
#container1 {
    float:left;
    width:995px;
    position:relative;
    right:340px;
    border-right:1px double #c1c0a8;
    text-align:justify;
}
#mainarea {
    float:left;
    width:650px;
    left:340px;
    position:relative;
    overflow:hidden;
    padding-right:5px;
}
#sidebar {
    float:left;
    width:330px;
    position:relative;
    left:345px;
    overflow:hidden;
}

Проблема в том, что когда я помещаю div в mainarea, я не могу установить параметры поля или заполнения, например:

<div id="mainarea">
   <div style="margin-left:15px;" id="inner_div">
      Content_for_inner_div
   </div>
</div>

Любая помощь? Когда я устанавливаю float в #inner_div, работает, но я не хочу плавать в своих div... Я не хочу менять свой общий шаблон, если это возможно (страница, контейнер2, контейнер1)


html padding css margin
person Chris P    schedule 20.12.2011    source источник
comment
Я не вижу проблемы: jsfiddle.net/GahtA   -  person ptriek    schedule 20.12.2011
comment
@ptriek, так что проблема здесь jsfiddle.net/GahtA/1 .lesson_more content - подсказка: нажмите по названию   -  person Chris P    schedule 20.12.2011
comment
@ user726730 Рискуя прослыть комиком, для меня это все по-гречески. Где именно у вас проблема?   -  person Blazemonger    schedule 20.12.2011
comment
я хочу, чтобы левое поле было в классе урока_больше ---   -  person Chris P    schedule 20.12.2011

Ответы (1)


arrow_upward
0
arrow_downward

Если я правильно понимаю вашу проблему, я думаю, что единственный способ использовать поля в div, который находится внутри, как вы хотите, - это использовать

float:left;
margin-left:15px;

Это не должно нарушать ваш стиль, если вы плаваете влево, пока внутренний div не больше, чем внешний div, который его удерживает.

Проверьте эту ссылку http://jsfiddle.net/vabfs/.

person Matt    schedule 20.12.2011