我使用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没有这样做。
任何帮助,非常感谢。谢谢!