DIV 스타일링을위한 jQuery.UI CSS 프레임 워크 사용

현재 일부 위젯에 jQuery UI 프레임 워크를 사용하고있는 프로젝트입니다. 사용자에게 전체적인 모양과 느낌을주기 위해 프레임 워크를 CSS에 사용하고 싶습니다.DIV 스타일링을위한 jQuery.UI CSS 프레임 워크 사용

현재 사용자가 데이터의 전반적인 상태를 볼 수있는 홈페이지와 같은 대시 보드를 구현 중입니다. 이 대시 보드는 그리드 레이아웃에 정렬되어야하는 일부 div의 빌드입니다.

내가 div의이 좋아하는 스타일을 시도하는 것은

<div class="ui-widget"> 
    <div class="ui-widget-header">Box Header</div> 
    <div class="ui-widget-content"> 
    Content of the Box 
    </div> 
</div>

나중에 좀 정렬 드래그 - 앤 - 기능을 구현하고자 다음과 같습니다.

문제점 지금 직면하고있는 문제는 상자가 제대로 정렬되어 있지 않다는 것입니다.

그런 종류의 CSS 작업에 jQuery.UI를 사용하는 데 도움이되는 사람이 있습니까? jqueryui.com에서 CSS 프레임 워크 문서를 봤는데 많은 정보가 없습니다.

안부,

고든

출처

2009-08-13 Gordon

나는 당신의 예를 시도하고 작동합니다. 나는 틀린 아무것도 보지 않았다. .. 당신은 어느 브라우저를 사용하고 있냐? 인터넷 익스플로러를 사용하고 있다면 문제가 될 수 있습니다. 크로스 브라우저라고해도 ... IE를 사용하지 않기 때문에 확인할 수 없습니다. 죄송합니다. 다른 브라우저에서 시도해보고 그 브라우저가 수정되었는지 확인하십시오. 또한 ui-core 및 ui-theme 파일을 포함해야합니다. 다른 CSS 파일을 포함하지 말고 수정되었는지 확인하십시오. 파이어 폭스 (Firebug)를 사용하여 스타일 적용 방법을 확인하는 것이 좋습니다.

CSS가 적용되는 방법을 확인하십시오 this page. 유용 할 수 있습니다.

출처

2010-02-23 01:21:21 lepe

효과가없는 예제를 제공해 줄 수 있습니까?

아마도 jQuery-UI-css를로드하고 무언가를 덮어 쓴 후에 자신의 CSS를로드 할 수도 있습니다.

출처

2010-03-29 09:25:15 Tim

콘텐츠 상자와 머리글 상자가 맞지 않으면 CSS에서 다른 패딩이 원인 일 수 있습니다. 내용 상자 패딩을 제목 상자 패딩과 동일하게 설정하십시오. 이로 인해 문제가 해결되었습니다.

출처

2010-03-29 09:29:52 Joe

DIV 스타일링을위한 jQuery.UI CSS 프레임 워크 사용

답변

관련 문제