2010-12-10 28 views
0

我對iPad和普通PC顯示器設計的網頁佈局存在很大問題。 我想有這樣的佈局:使用jQuery移動破解的HTML/CSS佈局

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

我已經設計了HTML/CSS這個佈局,並在每一個普通網頁瀏覽器(火狐,Safari,Chrome瀏覽器 - IEx標誌是不相關的我)的工作原理: http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

但現在我整合了一些jQuery移動的東西,佈局被打破。 你可以在這裏看到的網站:http://ud05_188.ud05.udmedia.de/spotlight/jquery.html 他們div區域重疊,似乎jquerymobile JavaScript文件是問題。

那麼,我該如何確定問題所在?這裏有什麼問題?

非常感謝您的幫助!

此致添

+0

我解決了它:http://ud05_188.ud05.udmedia.de/spotlight/jquery.html有一些利潤/填充我必須從jquery mobile css中刪除。 – Tim 2010-12-13 21:06:19

+0

最好在你自己的CSS中用'!important'覆蓋它們,這樣你就可以在發佈版本時獲得新的jqm css。 – naugtur 2010-12-14 13:17:24

回答

1

我還不考慮多箱的佈局與JQM,但我已經可以建議是:

  1. 看它是否能與JQM設置來完成。 JQM可能具有用於控件的特殊屬性。或者你可能需要額外的包裝divs。

  2. 將邊距/填充添加到您的CSS。添加圓角通常會爲元素產生額外的寬度。

如果您設法找出它,請在此處發佈它作爲您自己問題的答案。