Разрыв между div при масштабировании в разных навигаторах

Question

Я не могу избавиться от промежутков между div, когда я масштабирую или масштабирую веб-страницу. В Firefox это работает как шарм, но когда я пытаюсь, в IE9 появляется строка 1px вниз, но больше нигде. Если я попробую с сафари, при "реальном размере" или 100% -ном увеличении, это сработает, но как только я изменю масштабирование, увеличение или уменьшение, я имею в виду увеличение или уменьшение тонны строк. С Chrome тоже самое; 100% в порядке, 110% - плохо, 115% - лучше, но не идеально...

Я попробовал это;

margin-top:-1px

но после применения его здесь и там, как только я увеличиваю или уменьшаю масштаб, появляются новые строки 1px

также попробовал

border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;

но тоже не сработало.

Может быть что-то связано с тем, что они все абсолюты? Я больше ничего не буду экспортировать из фотошопа, но я бы хотел покончить с этим

THANSK!

PS; вот URL http://www.butterfly-paradise.com/

Answer 1

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

Швы не влияют на удобство использования сайта, и довольно редко люди даже используют масштабирование браузера, так что вам решать, стоит ли его исправлять.

Если вы хотите попробовать исправить это, я бы рекомендовал начать с нуля. Не будет никакого способа исправить это из Photoshop, и попытка отредактировать сгенерированный код займет больше времени, чем просто сделать это заново. Вы можете попробовать что-то вроде Dreamweaver или даже написать код вручную. Если это звучит слишком интенсивно, просто оставьте это. Но если это звучит довольно увлекательно, дерзайте.