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

Question

Я не могу избавиться от промежутков между делениями, когда я масштабирую или масштабирую веб-страницу.В 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 или даже написать код вручную. Если это звучит слишком интенсивно, просто оставьте это. Но если это звучит довольно увлекательно, дерзайте.