Линии в веб-макете для некоторых разрешений

Question

У меня проблема с макетом, который я создаю - проблема в том, что в определенных разрешениях (или если вы увеличиваете масштаб) вы можете видеть расположение контуров блоков div.

Вот как это должно выглядеть:

Вот как это выглядит при некоторых разрешениях (или с увеличением):

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

Я думаю, это обычная проблема с простым решением.Спасибо за вашу помощь!

Answer 1

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

background: transparent url (imgsrc) no-repeat left top;

, что сокращение для фонового изображения в css будет зафиксировано на месте.Кроме этого, я бы удостоверился, что у вас есть

margin: 0;отступы: 0;

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

Answer 2

Если вы измените свой #righthand на float:left, вертикальная линия справа исчезнет.

#righthand {
    width: 368px;
    height: 373px;
    background: url("../img/right.png");
    float: right;  // CHANGE TO LEFT
}

А если вы измените свой #tp на height:248px, другой горизонтальныйлиния исчезает.

#tp {
    width: 1024px;
    height: 249px;  //CHANGE TO 248px
}