Позиционирование div в сетке 960 добавляет тайну padding/margin

Question

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

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

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

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

CSS стилей: стили поиск/* пользователя */(есть только несколько)

Heres низкий вниз:

<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> 

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

Answer 1

Потому что высота «Hereswhy» составляет 362px, а ваш «headerBusiness» - всего 360 пикселей, поэтому ваш «BusinessNav» не может плавать влево.

когда вы даете «Hereswhy» и «headerBusiness» на той же высоте, как и 362px, это даст U, что вы хотите