Размещение div в сетке 960 добавляет загадочные отступы / поля - PullRequest
Новая
       6

Размещение div в сетке 960 добавляет загадочные отступы / поля

1 голос
/ 21 февраля 2012

Браузеры, протестированные в: Chrome, IE, Firefox.Проблема в том, что BusinessNav ID продолжает выдвигаться на 3 столбца.

Вот как я хочу, чтобы страница выглядела http://www.designobvio.us/dov2/Homepage1.pdf

Я определенно могу взломать этот код, чтобы заставить позиционирование работать,Но, как вы можете видеть, еще много осталось страниц.Если я сейчас начну взламывать, это определенно будет становиться все более уродливым.

Сначала вот сайт: http://designobvio.us/dov2/index.html (я выделил потенциальные проблемные области)

Стили CSS: поиск/ * Пользовательские стили * / (их всего несколько)

здесь есть нижний предел: 

  <div id="businessNav" class="grid_3 ">
   <h2>Relationship</h2>
   <h2>Wages</h2>
   <h2>Common Sense</h2>
   <h2>Forward Thinker</h2>
   <h2>Learning</h2>
  </div>

этот кусок кода страдает от: 

  <div id="heresWhy" class="grid_3">
   <h1>And Here's Why</h1>
   <p>...<p> 
  </div>

Или 

<div id="headerBusiness" class="grid_6">
  <h1>Business</h1>
</div>

Кто-нибудь видит расхождение в моем коде?Спасибо всем

1 Ответ

2 голосов
/ 21 февраля 2012

Поскольку высота "Hereswhy" равна 362px, а ваш "headerBusiness" - всего 360px, поэтому ваш "BusinessNav" не может перемещаться влево.

, если вы передадите "Hereswhy" и "headerBusiness" одинакововысота, как 362px, это даст вам то, что вы хотите

...