Серьезная ситуация с CSS.Полностью в тупик

Question

Я работаю на сайтах уже 15 лет. PHP / mySQL около 8. Я даже не уверен, что сказать по этому поводу.

Сайт разрабатывается на http://173.201.224.43/Jason_Borjeson/jeba2012/site/index.php CSS находится на http://173.201.224.43/Jason_Borjeson/jeba2012/site/css/site.css

это база данных, управляемая только одной страницей, все URL перенаправляются через htaccess - точно так же, как WordPress. Один HTML-шаблон и один CSS-файл. Просто перебрал код - html5 и css3 совместимый. Я сравнил сгенерированный источник для главной страницы и одного из других, и единственное, что меняется, - это содержимое 2 метатегов и фактический текст страницы.

главная страница (по ссылке выше) прекрасно работает. но ссылки, которые выдают правильные тестовые данные, испорчены. Я проверил в IE, FF, Safari, Chrome и Opera на OSX и Win - результат одинаков во всех из них.

Сброшен кеш на окнах (над которыми я работаю). Зайдите на Mac, чтобы сброс не требовался.

Я люблю css, но это не моя сильная сторона. Итак, главная страница выглядит так, как надо. Я думаю, что у меня неправильная структура страницы?

Answer 1

Это различная высота элемента col-mid. У вас есть больше текста на главной странице.

Это приводит к тому, что ваша div#page имеет другую высоту, а когда ее высота слишком мала, все летит в верхнюю часть страницы (когда элемент id="page" может поместиться выше остальных, он делает это).

Вам необходимо установить min-height s для элементов или иным образом настроить свой CSS. Здесь нет полтергейстов.

Подсказка: используйте функцию Chrome для проверки элементов, это поможет вам понять, что происходит с CSS. Он даже позволяет добавлять и изменять свойства на лету, чтобы увидеть, как будет выглядеть сайт «если бы я сделал X».