網站顯示問題取決於計算機

在五臺不同的計算機上使用相同的分辨率，相同的瀏覽器（firefox 14.01），其中1個是mac，3個在ubuntu上運行，最後一個在Windows 7上。網站顯示問題取決於計算機

所有的測試都是在沒有任何插件的乾淨的瀏覽器上執行的...

我們也試圖交換屏幕，沒有什麼不同，它瀏覽器有問題，它仍然有它。

此外，使用螢火蟲，我比較每一個元素，他們都是相同的，除了我的鏈接（）有2個像素在2臺計算機上。我在每個瀏覽器（Opera，Chrome，Firefox，Safari，IE 7-8-9）上都試過，而且我沒有在Firefox上沒有它的問題，但是當我這樣做時，我會在每個瀏覽器上都有問題...

我有很多html元素的顯示問題。

所以這裏是我的問題：什麼可能導致此？

這是我的HTML代碼：

<td style="text-align:center"> 
    <a style="margin-right: 10px;" href="#"> 
     <img alt="View" src="/statics/images/Form/view.png"> 
    </a> 

    <a style="margin-right: 10px;"> 
     <img alt="Edit" src="/statics/images/Form/edit.png"> 
    </a> 

    <a style="margin-right: 10px;" href="#" > 
     <img alt="Delete" src="/statics/images/Form/delete.png"> 
    </a> 
</td>

下面是一個

a { 
    margin-right: 10px; 
    cursor: pointer; 
    text-decoration: underline; 
}

這裏我的CSS代碼是圖片：

當它是不工作： Not Working

當工作： Working

任何建議表示讚賞！

謝謝你們......

我們發現，在添加1個像素的填充頂（我們不認爲這是我們的問題，因爲它來自於寬）根據計算機上它被看到...

來源

2012-07-19 Hipny

重置後發生問題嗎？ * {margin：0;填充：0; }將是最基本的例子。 – 2012-07-19 19:23:12

我們正在重置全局文件中的每個html標記... meyerweb重置方法 – Hipny 2012-07-19 19:23:59

我看到您正在使用表格;爲什麼不把3個按鈕放在3個單元格中？ – 2012-07-19 19:24:51

嘗試設置您的a爲：

a { 
    margin-right: 10px; 
    text-decoration: none; 
} 

td a { 
    display: inline-block; 
    width: 27px; 
}

我把27px作爲簡單的測試寬度，根據您的圖像的大小應用它。

您也可以嘗試固定寬度適用於您的td，足以巢您的三幅圖像。

來源

2012-07-19 19:48:02 morgi

請參閱我寫給@MikeRobinson的答案 – Hipny 2012-07-19 19:49:49

一個{

margin-right: 10px; 
text-decoration: none;

}

：懸停{

margin-right: 10px; 
text-decoration: underline;

}

刪除內嵌樣式標籤
添加HREF所有標籤更好地使用javascript：void（）或javascript :;代替＃

來源

2012-07-19 19:38:58 spiralclick

我們刪除的文字裝飾很久以前從@morgi – Hipny 2012-07-19 19:40:10

同樣的評論，顯示我的爲塊只會把他們三個人在不同的行... – Hipny 2012-07-19 19:43:53

不妨只是嘗試這一點，那麼實驗減少寬度：

<td style="text-align:center; width: 200px">

既然你有一個鏈接包裝形象，還有就是你給它一個機會邊境（這是很老的瀏覽器，不應該用CSS重置發生的，但是......）

a img { border: 0 }

來源

2012-07-19 19:46:20

設置一個寬度只是一個快速修復，而不是我的問題的答案，爲什麼圖像高度有兩個像素取決於它所看到的計算機？ – Hipny 2012-07-19 19:48:46

@ user66792隨機猜測更新。很難調試別人的瀏覽器，但圖像邊界是一種可能性。 – 2012-07-19 19:53:07

是啊...對不起，但不是，圖像邊框已被重置，我試圖覆蓋它，但它也不起作用...+1的建議 – Hipny 2012-07-19 19:55:15

網站顯示問題取決於計算機

回答

相關問題