2012-02-26 80 views
0

当我缩放或缩放网页时,我无法摆脱div之间的差距。在Firefox中它像一个魅力,但是当我尝试我IE9 1px行出现下来,但没有其他地方。如果我尝试使用safari,以“实际尺寸”或100%缩放,它可以工作,但只要我改变缩放,增加或减少,我的意思是,放大或缩小吨行出现。与Chrome是一样的; 100%是好的,110%是坏的,115%变好,但不完美....在不同导航器中放大时div之间的差距

我试过这个;

margin-top:-1px 

,但在这里和那里appliying它,只要我放大或缩小后,会出现新的1px的行

也试过

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

但没有工作无论是。

这可能是事实,他们都是绝对的事情?我不会再从photoshop中输出任何东西,但我想完成这个

THANSK!

P.S。;这里是网址 http://www.butterfly-paradise.com/

回答

0

我认为接缝来自绝对定位的组合,并有一堆图像互相碰撞,以不同的背景颜色。更大的问题是,这不是做布局的好方法。

接缝不会损害网站的可用性,甚至人们甚至使用浏览器缩放比较少见,所以这取决于您是否值得修复。

如果你想尝试修复它,我建议从头开始。没有任何方法可以在Photoshop中修复它,并且试图编辑它生成的代码所花费的时间比完成它的时间要长。你可以尝试Dreamweaver之类的东西,甚至可以手工编写它。如果这听起来太激烈了,就留下吧。但如果这听起来有点令人兴奋,那就去做吧。

+0

感谢您的回答如此之快。我必须解决它。客户肯定会注意到它。我尝试从photoshop出口到divs的talbs,它也是这样做的!我将不得不从头开始。谢谢! – Spentamanyu 2012-02-26 11:56:48

+0

我编辑了我的答案。如果即使使用表格布局仍然会出现接缝,我认为问题更多的是关于使用网格图像布局而不是绝对定位的技术。尽量只在必要时使用图像。祝你好运。 – 2012-02-26 12:15:56

+0

谢谢,我尝试使用表http://www.butterfly-paradise.com/withtables.html,并没有那么糟糕,但仍然不完美。非常感谢。 – Spentamanyu 2012-02-26 13:42:20