I made a simple fixed width skin:
<div id="container">
<div id="navigation">
[NAV]
</div>
<div id="content-container">
<div id="ContentPane" class="content" runat="server">
</div>
</div>
</div>
with the following styles applied to it:
html, body {
margin: 0;
background-color: #A8BCC6;
}
a img {
border: none;
}
#container {
position: relative;
top: 0;
width: 640px;
margin: 0 auto;
}
and a standards compliant doctype (so IE actually centers the container DIV):
<SkinDocType><![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">]]></SkinDocType>
now even a trivial layout like this completely throws off the navigation submenus, they're shifted off to right in IE by the same amount the #container div is offset from the left viewport edge. Is there a way to actually use DNN's NAV or SOLPARTMENU without having to lay everything out using tables?
And few related questions: is there a way to have one of those controls to use UL and LI for menus, instead of tables? Is there a way to have one of those controls to actually render HTML instead of a script that uses XmlHttpRequest to pull the menu (why would you ever do that? an extra server request for information that is known when you render the page?). Is there any sort of documentation that lists what settings those controls have, so I don't have to use a disassembler and try to guess what each property means?