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

Браузеры протестированы в: 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 ответ

Решение

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

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

Источник
Другие вопросы по тегам