Сайт неправильно отображается в IE7? - PullRequest
0 голосов
/ 30 июня 2009

Мой веб-сайт: geek.designbracket.com (Drupal 6.10) неправильно обрабатывается в IE7. Основная проблема заключается в основных ссылках в шапке и логотипе. Сайт отображается в соответствии с требованиями FireFox и Chrome.

Основная проблема: у div #Page есть огромное поле сверху и снизу в IE, которое смещает логотип.

В основном я использовал div: #utilities, которая инкапсулирует Основное Меню + Поиск + Логотип, которые расположены относительно этого div. Я сделал это, чтобы обеспечить согласованное выравнивание элементов в FF и Chrome, даже если сайт просматривается в разных разрешениях.

Ниже этого div у меня есть #Page div: который содержит боковую панель и содержимое.

css для соответствующих div'ов как в:

#utilities {
margin:0 auto;
padding:0 10px 15px;
width:990px;
}

#utilities #plinks { /*plinks is for the primary menu*/
float:left;
left:60px;
position:relative;
width:900px;
}

#utilities form { /* this div determines the position of the search box */
position:relative;
top:10px;
z-index:1;
}


#logo {
float:left;
left:70px;
position:relative;
}

Пожалуйста, помогите мне выровнять основные ссылки, логотип и окно поиска таким образом, чтобы выравнивание оставалось согласованным для разных разрешений в IE, как это было сделано для FF.

Спасибо.

Ответы [ 3 ]

0 голосов
/ 30 июня 2009

Вот некоторые исправления для ie6. Это должно исправить некоторые проблемы с ie7

Логотип находится справа.

style.css #logo{clear:left;}

Ваш левый столбец содержит ошибку с двумя полями

layout.css #primary {display:inline;}

Ваши "Добавить новый комментарий" и "Читать дальше" обрезаны. Проблема в том, что они оба являются плавающими элементами, которые не имеют высоты. Затем вы поместили много полей / отступов на разные элементы, чтобы выстроить их в ряд, что обычно не очень хорошо работает в разных браузерах. Я думаю, вам нужно прочитать Очистка поплавков и начать эту часть с нуля.

0 голосов
/ 30 июня 2009

Немного ОТ, но вы можете найти positioniseverything полезным в следующий раз, когда IE даст вам молот!

0 голосов
/ 30 июня 2009

Быстрое предложение: попробуйте поместить оператор clear: left в ваш блок #logo (сейчас я не могу сам проверить его ...)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...