較厚的邊框與模板

我以前有過類似的問題，並試圖最終解決問題。如果你在js小提琴中注意到似乎在動作div上面有一個更粗的邊框，我正在試圖找出爲什麼存在並且沒有在我購買的模板中。較厚的邊框與模板

模板：HTTP：//kansasoutlawwrestling.com/files/templates/admin/peachv1.2/Template/forms.html

編輯：

我更新我的網頁與真正意圖的頁面，但看看行動區域，左側和右側仍然有邊框。不知道爲什麼。

你能更具體嗎？您在瀏覽器中使用哪種瀏覽器/版本？ – Sampson 2012-04-18 21:48:50

^^^我在Chrome中看不到任何區別。 – 2012-04-18 21:49:26

我使用的是FF 11.0 – 2012-04-18 21:53:10

雙邊框是因爲內容div的下邊框。模板中的div應用了規則「.box.content.with-actions」，其中顯示「border-bottom：0 none;」。您的小提琴中的內容div沒有該規則，因此它有一個底部邊框，並且動作div也有一個頂部邊框，因此線條外觀較粗。

不同之處在於，模板中的內容div也具有「with-actions」類，而您的小提琴中的內容div沒有。只需添加該類，問題就會消失。

2012-04-18 22:03:04 CyberDude

我用真實的預定頁面更新了我的頁面，但查看了操作區域，左側和右側仍然存在邊框。不知道爲什麼。 – 2012-04-18 22:49:36

我不太喜歡你，你有小提琴，顯示問題？ – CyberDude 2012-04-19 10:17:35

對不起，在這裏，這是我認爲它爲我更新http://jsfiddle.net/jkNFw/ – 2012-04-19 15:19:20

在content.css，嘗試改變：

.box .content-form { border: 1px solid #C8C8C8; }

到：

.box .content-form { border: 1px solid #C8C8C8; border-bottom: none; }

2012-04-18 21:58:33

謝謝你的一個很好的答案。 – 2012-04-18 22:04:30

從模板標記猜測這可能不完全正確。我認爲作者並不打算所有.content-form框都沒有底部邊框，只有那些沒有底部操作的框。這就是爲什麼他創造了「帶動行動」的課程。下面沒有任何操作的內容div與您的解決方案沒有任何底部邊界。 – CyberDude 2012-04-18 22:07:33

問題的關鍵在於問題出現在CSS中，並且OP可能會將它與他們心中的內容混淆在一起，以使其看起來完全符合他們的想法。我的建議只是立即減少邊界的厚度。我沒有時間去剖析一切。這只是我嘗試去除額外厚度的第一件事。 OP應該知道從那裏去哪裏。 – 2012-04-18 22:18:25

作爲一個說明，當你的CSS是外部鏈接您做出任何更改實際的CSS會改變我們發佈的每一個小提琴。最好將css粘貼到小提琴中，這樣它就不會中斷。

而上面提到的問題是雙邊框加上應用於底部而不是表單容器頂部的半徑。

2012-04-18 22:00:49 user1289347

回答