두꺼운 테두리와 템플릿

나는 이와 비슷한 문제가 있었고 마침내 해결하려고했습니다. js 바이올린에 눈에 띄면 작업 div 위에 두꺼운 경계선이있는 것 같습니다. 왜 내가 있고 구입 한 템플릿에 없는지 알아 내려고합니다.두꺼운 테두리와 템플릿

http://jsfiddle.net/pGFfa/

틀 : HTTP : //kansasoutlawwrestling.com/files/templates/admin/peachv1.2/Template/forms.html

편집 :

내가 내 페이지를 업데이트 진짜 의도 한 페이지지만 행동 영역을 보아라. 그리고 왼쪽과 오른쪽에 경계가 아직도있다. 이유를 모르겠다.

출처

2012-04-18 Jeff Davidson

좀 더 구체적으로 기재 할 수 있습니까? 어떤 브라우저/버전을보고 있습니까? – Sampson

^^^ 크롬에 차이점이 보이지 않습니다. –

FF 11.0을 사용하고 있습니다. –

이중 테두리는 내용 div의 아래쪽 테두리 때문입니다. 템플릿의 div에는 "border-bottom : 0 none;"이라는 규칙 ".box .content.with-actions"이 적용됩니다. 귀하의 바이올린에있는 콘텐츠 div에는 규칙이 없으므로 하단 테두리가 있고 div 작업에는 상단 테두리가 있으므로 두꺼운 선 모양을 갖습니다.

차이점은 템플릿의 콘텐츠 div에는 'with-actions'클래스가 있고 피들에있는 콘텐츠 div는 그렇지 않습니다. 해당 클래스를 추가하면 문제가 사라집니다.

출처

2012-04-18 22:03:04 CyberDude

실제 의도 한 페이지로 내 페이지를 업데이트했지만 작업 영역을 보았고 여전히 왼쪽과 오른쪽에 테두리가 있습니다. 이유를 모르겠다. –

나는 너를 따라하지 않는다. 문제를 보여주는 바이올린을 가지고 있니? – CyberDude

여기에 대해 미안 해요 그것은 나를 위해 업데이 트 생각 http://jsfiddle.net/jkNFw/ –

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

멋진 답변을 보내 주셔서 감사합니다. –

이것은 템플릿 마크 업과 완전히 일치하지 않을 수 있습니다. 저자는 모든 .content-form 상자에 하단 경계선이없고, 아래에 아무런 작업도없는 것을 의도했다고 생각하지 않습니다. 그래서 그는 'with-actions'수업을 만들었습니다. 아래 작업이없는 콘텐츠 div에는 솔루션과의 경계가 없습니다. – CyberDude

요점은 문제가 CSS에 있고 OP가 자신이 원하는 방식으로 정확하게 보이게하기 위해 마음의 내용에 문제가 있다는 것입니다. 나의 제안은 국경의 두께의 즉각적인 감소였다. 나는 모든 것을 해부 할 시간이 없었다. 그것은 단지 여분의 두께를 제거하려고 시도한 첫 번째 작업이었습니다. 영업 인은 거기에서 어디로 가야 하는지를 알아야합니다. –

업데이트 바이올린 http://jsfiddle.net/7jrEp/2/

당신의 CSS는 외부에서 당신이 변경 사항을 링크 된 노트로서, 실제 CSS는 우리가 게시하는 모든 바이올린을 바꿉니다. css를 바이올린에 붙여 넣는 것이 좋습니다.

위에서 언급 한 문제는 양식 컨테이너의 맨 아래가 아니라 바닥에 적용된 반경에 더한 반경을 더한 것입니다.

출처

2012-04-18 22:00:49 user1289347

두꺼운 테두리와 템플릿

답변

관련 문제