IE not displaying correctly - Skins, Themes, and Templates

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

Home All Forums

Home

Using DNN Platf...

Skins, Themes, ...

IE not displaying correctly

3/3/2006 9:31 PM

Chad Cross

Joined: 2/17/2006

Posts: 14

IE not displaying correctly

Hi,

I created a skin HTML page that displayed correctly in both IE and FF when displayed on its own. When I installed it on DNN, FireFox displays it correctly but IE does some weird stuff. I don't know what DNN is adding or changing that is making it weird in IE. I was hoping someone could point me in the right direction.

You can see the site here: http://georgecaywood.17.websecurestores.com/

The three main issues are:
1. The navigation dissappears altogether
2. The page no longer centers horizontally
3. There is a large margin or padding in the right pane.

This is the HTML for the skin:

<div id="container"><div id="header">[LOGO]</div>
        <div id="navigation"><div class="searchBox">[SEARCH]</div>[MENU]</div>
        <div id="containerContent">
            <div id="contentPane" runat="server" class="contentPane" ></div>
            <div id="rightPane" runat="server" class="rightPane" ></div>
        </div>
        <div id="footer">
            <div id="footerLeft">[TERMS] | [PRIVACY] | [LOGIN]</div>
        <div id="footerRight"><a href="http://www.juxtaflo.com" rel="external">site: <strong>JUXTAFLO WEB STUDIO</strong></a></div>
        </div>
</div>

This is the code for the left container:

<div class="contentPaneBox">
                    [SOLPARTACTIONS]<img src="h1_left_stop.gif" alt="" width="2" height="13" /> [TITLE] <img src="h1_right_stop.gif" alt="" width="2" height="7" />
                    [CONTENTPANE]
                    <br /><br />
                    [PRINTMODULE]
                </div>

This is the code for the right container:

<div class="rightPaneBox">
                   [SOLPARTACTIONS]<img src="h1_left_stop.gif" alt="" width="2" height="13" /> [TITLE] <img src="h1_right_stop.gif" alt="" width="2" height="7" />
                   [CONTENTPANE]
                   <br /><br />
                   [PRINTMODULE]
               </div>

Any help would be much appreciated.

Thanks.

3/4/2006 4:04 AM

Lee Sykes

www.dnncreative.com
Joined: 9/26/2005

Posts: 317

Re: IE not displaying correctly

Hello,

You may find the problems have occurred because you have coded the layout using CSS rather than tables. CSS layouts can cause problems with DNN. - The first thing I would try is to switch the DOC TYPE in the default.aspx page from HTML 4.0 Transitional to XHTML Transitional 1.0 - This will make IE6 work in Standards Compliance mode. - In HTML4.0 Transitional IE6 works in Quirks mode and reverts back to the CSS rendering problems of IE5 / 5.5

If you change the DOC type to XHTML transitional the Solpart menu will no longer work and you will need to use a CSS menu such as the House of Nuke menu. - The skin object is available as a free download.

Also, the solpart menu that is used on containers will not work and you will have to replace this with a drop down list. - The next step will be to test it in a variety of browsers from IE7beta2 to IE5, Opera, Netscape, Mozilla, Firefox and Safari.

I've recently created a free CSS skin which fully works in the variety of browsers and includes some hacks which may provide some information for you and there are also these free tutorials which will give you a starting point:

Testing a DotNetNuke skin
Quirks, Standard Compliance modes and Doc Types (Includes a default.aspx file for you to download to switch DNN to use XHTML Transitional 1.0)
How to remove the Solpart menu from a container - Video Tutorial

There are further tutorials in issue7 which may help as well.

Hope this gives you some starting points, thanks,

Lee Sykes - DNN Creative Magazine - 600+ Video Tutorials, Articles, Interviews - July Issue 58 out now!

Twitter: www.twitter.com/DNNCreative

3/5/2006 2:48 PM

Chad Cross

Joined: 2/17/2006

Posts: 14

Re: IE not displaying correctly

Thanks for the info. I will try these things and post if I run into any more issues.

3/5/2006 9:30 PM

Chad Cross

Joined: 2/17/2006

Posts: 14

Re: IE not displaying correctly

Thank you very much DNNCreative. I was able to fix all of the issues. Your help was fantastic.

All of the container menus are now dropdowns which works great. My main nav is functioning well (except for a little movement when clicked..but that is probably just some CSS tweaking).

I have one new issue now though. There used to be an admin button that had a dropdown of all of the admin tools for the site. I cannot get that to show up. I tried showing the admin button in the Housemenu settings but that just gives me an admin button that doesn't work.

Should I be adding another [DROPDOWNACTIONS] somewhere?

3/6/2006 4:19 AM

Lee Sykes

www.dnncreative.com
Joined: 9/26/2005

Posts: 317

Re: IE not displaying correctly

Glad it was of use. The admin button, do you mean the admin / host menus that display when you are logged in as administrator or host?

In the HouseMenu, are you using the skin object or the module? - In the skin object you need to specify in the XML file:
<Setting>
                <Name>ShowAdmin</Name>
                <Value>True</Value>
            </Setting>

And if you are using the module, then ticking the ShowAdmin box should display the menu items you need.

There shouldn't be the need to add another [DROPDOWNACTIONS]

If this doesn't help, could you provide any further info to make it clearer what you require, a before and after pic?

If you are using the dynamic version of the HouseMenu, make sure you test it in IE7beta2 to ensure future compatibility, as I have come across some problems with that browser.

Thanks,

Lee Sykes - DNN Creative Magazine - 600+ Video Tutorials, Articles, Interviews - July Issue 58 out now!

Twitter: www.twitter.com/DNNCreative

Page 1 of 2

Home

Using DNN Platf...

Skins, Themes, ...

IE not displaying correctly

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)