使用 jQuery mobile 破坏 HTML / CSS 布局
我对为 iPad 和普通 PC 显示器设计的网页布局有一个大问题。 我想要这样的布局：
http://img227.imageshack.us/img227/9978 /layoutw.png
我已经用 HTML / CSS 设计了这个布局，它适用于每个常见的网络浏览器（Firefox、Safari、Chrome - IEx 与我无关）： http://ud05_188.ud05.udmedia.de/spotlight/webpage.html
但现在我集成了一些 jQuery mobile 的东西并且布局被破坏了。 您可以在这里看到该网站： http://ud05_188.ud05.udmedia.de/spotlight /jquery.html 它们的 div 区域重叠，看来 jquerymobile JavaScript 文件是问题所在。
那么如何才能确定问题出在哪里呢？这里出了什么问题？
预先感谢您的帮助！
最好的问候蒂姆
I have a big problem with the layout of a webpage designed for iPad and normal PC displays.
I want to have this layout:
http://img227.imageshack.us/img227/9978/layoutw.png
I already have this layout designed with HTML / CSS and it works in every common webbrowser (Firefox, Safari, Chrome - IEx is not relevant for me):
http://ud05_188.ud05.udmedia.de/spotlight/webpage.html
But now I integrate some jQuery mobile stuff and the layout is broken.
You can see here the website: http://ud05_188.ud05.udmedia.de/spotlight/jquery.html
They div areas are overlapping and it seems that the jquerymobile JavaScript file is the problem.
So how can I identify where the problem is located? What's going wrong here?
Thank you in advance for your help!
Best Regards Tim
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我还没有研究使用 JQM 的多框布局，但我已经可以建议的是：
看看是否可以使用 JQM 设置来完成。 JQM 可能对您的控件具有特殊属性。或者您可能需要额外的包装 div。
向 CSS 添加边距/填充。添加圆角通常会产生元素的额外宽度。
如果您设法弄清楚，请将其发布在这里作为您自己问题的答案。
I didn't yet look into multi-box layouts with JQM, but what I can already suggest is:
See if it can be done with JQM settings. JQM might have special attributes for your controls. Or you might need extra wrapping divs.
Add margins/paddings to your CSS. Adding rounded corners often produces extra width for elements.
And if you manage to figure it out, please post it here as an answer to your own question.