2012-01-28 2 views
0

У меня есть две проблемы с сайта: http://test2.tamarawobben.nlдве проблемы макета (белый фон и перепутано расположение в IE9)

Problem 1: В IE9 заголовок помещается хорошо, но текстовая область находится в неправильном месте.

Задача 2: Область вокруг заголовка остается белой, но предполагает наличие фона.

Любой отзыв, как решить эти две проблемы с анонимным?

Roelof

Edit 1: К сожалению, неправильный URL. Я изменю его сейчас.

+0

WEB для меня он выглядит так же, как на хром и IE9, и он выглядит хорошо. Я не вижу никакого белого фона, и я также не думаю, что текстовая область находится в неправильном месте, по крайней мере, это не так. – Kedor

ответ

0

Что касается первой проблемы, то не совсем понятно, что это такое, что это не нормально.

Я думаю, что в поле поиска помечена палка вверху страницы. Прямо сейчас, похоже, что у тела есть край или верхняя часть.
На самом деле, глядя на разметку, есть TextNode сразу после того тела, которое добавляет пространство в верхней части:

enter image description here

Удалите его и «рода-» маржа уйдет.


Что касается белого фона, вы используете GIF, который имеет белый фон! Это не волшебным образом исчезнет. У вас есть несколько вариантов:

  • изменить формат изображения в формат PNG и установите белое с прозрачными
  • имеет отдельные изображения для разных частей (поиска и верхней частью основного содержимого зоны)
  • набора белых цвет прозрачным в GIF (на самом деле не является хорошим решением)

Я также заметил, что ваши <meta>, <title> ... теги должны быть в голове, а не в организме !

+0

Oke, PNG поддерживается большинством браузеров? –

+0

IE6 не поддерживает его, но вы все равно не хотите поддерживать IE6. Проверьте эту [таблицу поддержки] (http://caniuse.com/png-alpha). –

Смежные вопросы