Макет по умолчанию с 9 столбцами - PullRequest
Новая
       3

Макет по умолчанию с 9 столбцами

0 голосов
/ 20 сентября 2011

Я пытаюсь использовать LESS Framework 4, и я создал этот код CSS: 

#sponsor .ristorante  {
   width: 92px;
   float:left;
   margin-bottom: 30px;
}
#sponsor .ristorante .name {
    font-size: 14px;
}

и в HTML-файл: 

<div id="sponsor">
   <div class="ristorante">
     <div class="name">RISTO1</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO2</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO3</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO4</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO5</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO6</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO7</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO8</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO9</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO10</div>
   </div>
</div>

, но в более широком см. 9Risto в первой строке и один Risto во второй строке!

Вместо этого по умолчанию макет тела имеет ширину: 896 с 10 столбцами

как мне иметь десять столбцов ??

1 Ответ

1 голос
/ 20 сентября 2011

ширина ваших элементов толкает последний на новую строку.10 x divs по 92 пикселя в ширину - 920 пикселей для всех столбцов.Если я вас правильно понимаю, у вас установлено 896 пикселей.Измените ширину вашей оболочки на 920px, и все будет в порядке.ИЛИ измените ширину ristorante на 89px

...