2012-10-12 37 views
0

我正在設置一個Magento網站,並從Themeforest for Magento購買了一個主題。 然後我添加了一個背景圖像到主題,而不是默認的白色頁面背景。CSS Magento div的錯位

現在什麼似乎是發生的是整個面主要格成爲在右推,但在某些瀏覽器,如Chrome和僅當您正在查看一個大尺寸的屏幕上觀看現場只有當。更具體的說,在我的18英寸電腦顯示器上,使用Chrome瀏覽器,FF和IE瀏覽器的網站看起來不錯,但是當一個員工去看網站並且他有一個更大的顯示器時,他說這個網站在Chrome,FF等

此外,還有如下面的截圖看到,從他未對準: http://bit.ly/QnlrVA

但是,我不能重現此甚至無法弄清楚的CSS問題

。如果人們可以看看,並給予反饋該網站是在http://bit.ly/R1RV8S

釷另一個問題是,當您查看特定類別的產品列表頁面時,產品列表會變得正確對齊。因此,正常的右側欄框(比較產品框等)下降到一個新的行,而不是旁邊的產品列表。這發生在我的電腦顯示器以及所有人和所有瀏覽器中。

回答

0

對於背景 - 您只需要更寬的圖形。像> 1600px。您當前的背景圖片太小而無法覆蓋大屏幕。您也可以將background-color支柱設置爲「黑色」或您需要的任何顏色(某種深藍色)。或者將其設置爲重複。

就右列問題而言 - 進入 catalog -> manage categories -> <your category> ->design ->custom design並嘗試兩個列布局之一(可能是右欄的2列)。

在您的主題「COL-包裝」的規則+的「右列」

比你的總寬度較大,所以其碰撞下來。其他佈局之一可能會解決這個問題......或者您可以嘗試更改該列的值。 (請注意,通過這樣做可以使意想不到的變化 - 所以請徹底測試您的主題)。

0

我沒有一個大屏幕來測試它的權利,但這個應該有所幫助:

body   
{ 
    background:url(../images/stymulus_bg_pg.jpg); 
    font:12px/1.55 Arial, Helvetica, sans-serif; color:#666; 
    text-align:center; 
    background-repeat:no-repeat; 
    position:absolute;  /*this */ 
    left:0px;     /* and this */ 
    width: **set to the width of the background image , it shouldn't strech*** 
    } 

這將設置你的整個身體完全位於左側,並且還將從正在添加停止任何身體之外,除非有意故意試圖走出它的父母。