css высота вопроса хром

Question

Hy У меня проблема с CSS в Chrome. У меня есть мини-тележка в правой колонке, и когда я добавляю продукты, коробка тележки становится больше и переходит через нижний колонтитул, а не опускается. Эта проблема у меня есть только в браузере Chrome.

Правая колонка установлена ​​на автоматическую высоту. Если я установлю высоту (2000 пикселей), я получу понижение нижнего колонтитула, но мне не нужна заданная высота.

Спасибо

  <div ID="right">
<!--cart-bar open-->
  <div id="cart-bar">
  <!-- For Ajax -->
     <div id="ajjax" style="padding:0px; margin:0px;">
                          <div class="cart"><span>`<a href="">Cart (0 products)`</a></span>
        </div>
        <div id="minicart">
              <div  style="cursor:pointer;">


<span class="minicart-total"></span>
    </div>
<div class="clear"></div>
</div>
            </div>
                     <div class="minicart-bottom">
            </div>
            <!--minicart closed-->
            <div class="contact"><img src="" height="74" border="0"/>
            </div><br />
         <a href="#"></a>
         </div>
      <!--right closed-->
      <div class="clear">
      </div>

      </form></div></div>
      <!--column-right closed-->
   </div>
<!--wrapp-content closed-->
<!--footer open-->




    #column-right #right {float:right; height:auto;}
    #minicart{width:240px; background:url(../images/minicart-bg.png) repeat-y; padding:2px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#839606;}
    .minicart-bottom{width:244px; height:16px; background:url(../images/minicart-bottom.png) no-repeat;}
    .minicart-product{width:auto; padding-top:4px; padding-bottom:4px; background:#fafafa;  }

Я не знаю, все ли это актуально.

Answer 1

Попробуйте опустить нижний колонтитул, установив высоту обертки (содержащей все, кроме нижнего колонтитула) слишком на 100%, задайте верхний колонтитул верхним полем - высота, поэтому, если нижний колонтитул имеет высоту 200px, задайте для него верхний отступ -200px., в нижней части вашего контейнера div добавьте пустой div с высотой 200 пикселей, это всегда будет толкать ваш нижний колонтитул.

Также я думаю, что причина, по которой ваша корзина перекрывает нижний колонтитул, связана с плавающей проблемой, попробуйте добавить "clear: both;" к вашему элементу нижнего колонтитула.