2012-02-26 78 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