我使用DataQuadrant的DNN MobiNuke模塊(v02.00.03)創建我創建的網站的移動版本。一切都很順利,除了我遇到的一個奇怪的問題與移動皮膚。我有一個簡單的手機外觀,看起來像這樣:DNN MobiNuke模塊空Div標籤問題
<div id="mobile_frame">
<div id="mobile_header">
...
...
</div>
<div id="main_wrap">
<div id="mobile_main" class="sub">
<div id="ContentPane" runat="server"></div>
</div>
</div>
<div id="mobile_footer">
...
...
</div>
</div>
所產生的問題是,在移動瀏覽器中呈現時的contentPane有一個空的div標籤的任何內容都改變自己:
<div class="xxxx"></div>
本身會改變
<div class="xxxx" />
,這導致的是,瀏覽器解釋標記爲沒有結束標記的開口div標籤的最大問題。因此,它會根據需要放置一個結束div標籤。這個區域之後的所有標記都會導致混亂。
這是理所應當的代碼示例,以及它是如何顯示在網頁上:
應該是:
<div id="main_wrap">
<div id="mobile_main" class="sub">
... Content Here ...
</div>
</div>
<div id="mobile_footer">
...
</div>
</div>
但它呈現爲:
<div id="main_wrap">
<div id="mobile_main" class="sub">
... Content Here ...
</div>
<div id="mobile_footer">
...
</div>
</div>
</div>
我可以通過將 放在標籤內部來解決這個問題,但我沒有時間/精力去瀏覽內容中可能會顯示的每個模塊檢查空標籤的窗格。另外,還有一些地方需要一個空標籤,以便隨後用javascript填充內容。
最後,我做了一個研究的TON來查找這個,我找不到一個東西。我發現的最接近的情況是,在轉換某些XML時,這發生在XSLT中,但據我所知MobiNuke沒有這樣做。
任何幫助,非常感謝。謝謝!