2010-04-13 33 views
2

我試圖創建一個框架,其中將包含動態量的文本。 它有圓角,所以創建3個div:頂部,身體和底部。 機身將保留內容,而頂部僅顯示相應圖像的幀。 這一切都可以在這裏看到:div與背景圖像周圍的空間

http://www.m-challenge.com/nimrod/modular_frame.php

問題: 是有空間的頂部和底部的div和中間的一個。 請看看,任何輸入將不勝感激。 有一個愉快的一天:-)

回答

2

你的問題是,p標籤有一些保證金的頂部/底部。給它一個0的邊距來解決這個問題。如果您將任何h#ul和類似的標籤放在方框中,同樣適用。

另外,我可以推薦你不要花這麼多時間用這種方式製作圓形的包裝,只需使用CSS3的邊框半徑?我知道,目前尚未得到全面支持,但除IE之外,大多數瀏覽器都支持這種技術,IE用戶只需簡單地將其降至方框即可。只是建議

+0

CSS3在interwebs上幾乎完全不受支持,我不推薦使用它。 – NibblyPig 2010-04-13 12:20:59

+0

幾乎完全不受支持?請以實際來源備份您的聲明。哦,http://www.findmebyip.com/litmus#target-selector :) 我從來沒有說他獨佔使用CSS3,但如果你可以優雅地退後一些,它不會大大影響你的網站,值得使用。 – Bartek 2010-04-13 12:25:36

+0

非常感謝,將p設置爲margin:0px;填充:0像素; 做到了! – samoyed 2010-04-13 21:06:13

1

我覺得你應該先重置邊距和補: http://meyerweb.com/eric/tools/css/reset/

然後應用正確的價值觀,這取決於你想要達到的效果。

+0

thanx的建議和鏈接。使用重置表聽起來像一個好主意。 – samoyed 2010-04-13 21:11:32