абсолютное позиционирование в DIV с Mozilla VS Safari VS Chrome VS IE - PullRequest
Новая
       23

абсолютное позиционирование в DIV с Mozilla VS Safari VS Chrome VS IE

0 голосов
/ 27 августа 2011

У меня проблемы с позиционированием div, совместимым с браузером. Я делаю карту изображений с кнопками поверх нее в отдельных div'ах. Эти div'ы, как правило, перемещаются в Firefox, в Safari и Chrome, все в порядке.

Они имеют тенденцию немного опускаться.

Изменение типа документа влияет на рендеринг в Firefox. Но, похоже, ни один из доктайпов не работает.

Проверьте кнопку Алжира по этой ссылке в Firefox, и вы поймете, что я имею в виду.

http://kareldc.com/grimonprez/index_js_animatie_clicks.html

Любая помощь = очень ценится!

1 Ответ

1 голос
/ 27 августа 2011

Элемент <body> по-прежнему использует значения по умолчанию для браузера и значения отступов (8px), которые могут учитывать наблюдаемый вами пробел.

Еще одна вещь, которую стоит отметить, это то, что, хотя ваши изображения имеют явную высоту, окружающие их <div> на самом деле выше, чем эти изображения.

Например, изображение, на которое вы ссылаетесь, имеет высоту 37px. Он окружен #button_8_algiers див.

  • В Firefox этот элемент имеет высоту 43px, что на 6 пикселей выше, чем изображение - точное количество пиксельных пробелов у вас есть.
  • В Chrome этот элемент имеет высоту 41px, что на 4 пикселя выше, чем изображение. Хотя по какой-то причине в Chrome все нормально.
...