css margin не ответил - PullRequest
Новая
       24

css margin не ответил

1 голос
/ 20 декабря 2011

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 works, но я не хочу плавать в мои div ... Я не хочу менять свой общий шаблон, если это возможно (страница, контейнер2, контейнер1)

1 Ответ

0 голосов
/ 20 декабря 2011

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

float:left;
margin-left:15px;

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

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

...