jQuery 모바일을 사용하여 HTML/CSS 레이아웃이 깨졌습니다.

iPad 및 일반 PC 디스플레이 용으로 설계된 웹 페이지의 레이아웃에 큰 문제가 있습니다. : -jQuery 모바일을 사용하여 HTML/CSS 레이아웃이 깨졌습니다.

http://img227.imageshack.us/img227/9978/layoutw.png

이미이 레이아웃은 HTML/CSS로 설계하고 모든 일반 웹 브라우저 (IEX 나를 위해 관련이없는 파이어 폭스, 사파리, 크롬)에서 작동 한 I : 나는이 레이아웃을 갖고 싶어 http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

하지만 지금은 일부 jQuery 모바일 물건을 통합하고 레이아웃이 깨졌습니다. 여기 웹 사이트를 볼 수 있습니다 : http://ud05_188.ud05.udmedia.de/spotlight/jquery.html div 영역이 겹쳐서 jquerymobile JavaScript 파일이 문제인 것처럼 보입니다.

그래서 문제의 위치를 어떻게 확인할 수 있습니까? 여기서 뭐가 잘못 됐어?

도움을 주셔서 감사합니다.

베스트 감사합니다 팀

출처

2010-12-10 Tim

해결 : http://ud05_188.ud05.udmedia.de/spotlight/jquery.html jquery 모바일 CSS에서 제거해야하는 여백/패딩이있었습니다. – Tim

릴리즈가 나올 때 새로운 jqm css를 얻을 수 있도록 자신 만의 CSS를'! important'로 덮어 쓰는 것이 좋습니다. – naugtur

나는 아직 JQM 멀티 박스 레이아웃을 찾는 게 아니라, 내가 이미 제안 할 것은하지 않았다 : 그것은 JQM 설정을 할 수 있으면

참조. JQM은 당신의 컨트롤을위한 특별한 속성을 가지고 있을지도 모른다. 또는 추가 래핑 div가 필요할 수 있습니다.
CSS에 여백/패딩을 추가하십시오. 둥근 모서리를 추가하면 요소에 추가 너비가 생기는 경우가 있습니다.

그리고 알아낼 수있는 경우 여기에 귀하의 질문에 대한 답변으로 게시하십시오.

출처

2010-12-13 18:36:21 naugtur

jQuery 모바일을 사용하여 HTML/CSS 레이아웃이 깨졌습니다.

답변

관련 문제