Hi All,
I am having problems with the alignment of some of the content in my containers. I believe it has something to do with the DOCTYPE. I have changed my DNN skin to use the XHTML 1.0 Transitional DOCTYPE and some content appears centred. If I revert to HTML 4.0 Transitional, the content appears on the left.
I have taken some screenshots of the results in both modes. Here is the "register" page in XHTML mode:
http://www.sinconta.com/sites/churchyard/xhtml.jpg
Here is the "register" page in HTML mode:
http://www.sinconta.com/sites/churchyard/html.jpg
My CSS container is as follows:
<
div class="containertitle clearfix">
<div><dnn:DROPDOWNACTIONS ID="dnnACTIONS" runat="server" />div>
<div class="titletext"><dnn:TITLE ID="dnnTITLE" runat="server" />div>
div>
<div id="contentpane" runat="server" class="containercontent">div>
<div><dnn:ACTIONBUTTON1 runat="server" id="dnnACTIONBUTTON1" CommandName="AddContent.Action" DisplayIcon="True" DisplayLink="True" />div>When the container is rendered to the browser, the contentpane div ends up like this:
You will notice that DNN has added the align="left" attribute to it.
I am guessing the problem lies with the fact that this attribute is being applied to all child elements when the browser is in XHTML Transitional mode.
Has anybody else experienced this problem? Are there any known workarounds?
Thanks!
Adam