2011-07-08 21 views
0

最好的方式來顯示我所看到的是給你一對夫婦的截圖: http://i150.photobucket.com/albums/s99/dc2000_bucket/scr1.jpg當我在Web瀏覽器中顯示ASP NET頁面時,爲什麼會出現這個奇怪的工件?

http://i150.photobucket.com/albums/s99/dc2000_bucket/scr2.jpg

上面還鏈接顯示HTML/ASP代碼。

問題是爲什麼當我在Web瀏覽器中呈現內容時,我得到的是白線?

PS。我正在使用VS2010(我準備用錘子粉碎......)

回答

0

OK,夥計們,我得到了它的底部。應將以下樣式添加到承載圖像的標籤。我不知道爲什麼,但它有幫助:

td {font-size:0; }

感謝大家的幫助!

1

用戶CSS Reset,應該解決所有問題。您獲得weird artifact的原因在於,瀏覽器默認在HTML元素上應用某種樣式。爲了使這些默認樣式無效,設計人員通常使用CSS Reset。 CSS重置是一個CSS文件,它嘗試刪除瀏覽器應用的所有默認樣式。

要調試您的CSS邊距和填充,請使用Firefox的Firebug。這裏是如何做到這一點的圖像:

enter image description here

+0

我假設重置CSS的整個想法是從您給我的項目並運行它的鏈接放置CSS樣式表。如果是這樣,它不工作... 有趣的觀察。如果我保存頁面,從IE說,到我的桌面上,並從那裏打開它看起來*絕對好*。你會如何解釋? – ahmd0

+0

不,請勿直接使用該鏈接。瀏覽該鏈接,獲取展示的CSS,將其複製/粘貼到計算機上的reset.css文件中,將該文件添加到項目中,然後使用該文件。 :)。不要保存頁面,只需複製/粘貼CSS。就這樣。 –

+0

是的,我把CSS複製並粘貼到我的項目中。我的節省意味着我的榜樣。如果我保存並從硬盤中打開它(沒有ASP NET渲染),它看起來很好。 – ahmd0

0

您可能及彼瀏覽器的默認樣式。我會建議抓住CSS重置,看看是否有幫助

+0

我懷疑是否有任何特定的瀏覽器在這裏被指責,因爲所有三個獨立的瀏覽器都產生了相同的結果。我更傾向於責怪他們在VS2010中用來模擬IIS。 – ahmd0

+0

服務器不應該影響它。他們在設計時如何執行代碼(他們如何顯示該視圖)可能有問題,但與IIS無關。由於Saeed的回答沒有幫助,我同意它不是瀏覽器特定的 –

1
  1. 圖像是內聯元素。
  2. 內聯元素呈現爲像字符一樣。
  3. 字符坐在一條線上。
  4. 對於下行線(在g,j和y但不是a,b和c的字母上找到),該行下面有空格。
  5. 該空間就是您所看到的。

你可以玩弄的圖像的vertical-alignmentstop using layout tables

+0

如果我將它複製到DreamWeaver中,並從那裏運行,那麼在我的示例中,表格的HTML工作方式絕對沒問題。你會如何解釋?也請閱讀我對你上面評論的回答。 – ahmd0

+0

Dreamweaver的預覽視圖非常差。 – Quentin

相關問題