Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

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

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Text boxes and search showing up on right hand side of template in FirefoxText boxes and search showing up on right hand side of template in Firefox
Previous
 
Next
New Post
12/11/2009 12:16 PM
 

I have created a site in DNN 05.01.02.  Any forms or search boxes i have instered are showing up on the right hand side of the template in firefox, but look fine in IE.  An example of this at  http://hlmkfuneral.com/tempdnn/SendaCondolence.aspx.  Does anyone have any ideas how i can fix this issue in firefox so it will display correctly?  Thanks, Rochelle

 
New Post
12/11/2009 2:47 PM
 

There is a 99% chance that IE is actually wrong and FF is correct. Most of these kind of issues can be solved by using an XHTML doctype:

From a text i'm writing on this:
-----------------------------------------------

 

Skin Doctype

If you create a skin, the skin parser (which converts an HTML skin file to the actual skin usercontrol) only uses the HTML pages content between the body tags.

Anything outside the body tags is ignored.

This means the doctype of an HTML skin is not used by DotNetNuke.

This could lead to rendering difference if you use an XHTML doctype in your HTML skin, since DotNetNuke use a HTML 4 transitional doctype by default (to support legacy skins).

 

There are 2 ways to force DotNetNuke to use an XHTML doctype:

A. You can set the doctype for a specific skin by including a doctype.xml file.

The name of this file should be: "skinname".doctype.xml.

So of every HTML / ASCX file you will have to add an XML file.

The content of this file should be:

 

<SkinDocType>

            <![CDATA[<!DOCTYPE>]]>

</SkinDocType>

 

The <!DOCTYPE> part should be replaced with the HTML doctype.

 

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

B. You can set the Fallback doctype from the host settings.

Choose Host > Host Settings and select the doctype under “Fallback Skin doctype”.

This will force all skins on all portals without a doctype.xml file to use the doctype you set.

Please beware that this could potentially lead to unwanted effects if there are non XHTML skins in other portals then the one you are targeting.

 

Xml Namespace for XHTML skins

If you use an XHTML doctype, the Xml Namespace will be added automatically to the HTML element by the Framework. (Result: <html xmlns="http://www.w3.org/1999/xhtml" >)

 

Use an XHTML Doctype

It is best to use an XHTML doctype for your skins, there are several reasons for this.

1. Skinning is a lot easier with an XHTML doctype because Internet Explorer renders a page a lot better (according to the W3C standards) if you use XHTML.
This means the page looks a lot more similar in the different browsers from scratch, which means you have to spend less time on IE CSS hacks.

2. An XHTML doctype is a good start to make your pages more accessible to visually impaired people.

3. Validating your skin with an XHTML doctype will potentially improve your SEO and will lead to cleaner and better performing skins.

4. Non XHTML doctypes are legacy / history / old fashioned

 

 

 

 
New Post
12/14/2009 8:04 AM
 

Hi Tim,

Problem solved :) You were right, it was a problem of my doctype. I had to skin files: index.aspx and index_normal.aspx. I only had though one doctype file: index.doctype.xml.

After I added a index_normal.doctype.xml file to my skin folder, the content gets nicely rendered inside the layout pane, without clipping.

Thanks alot,

Anthony

Belgium

 
New Post
12/23/2009 11:25 AM
 

I am having a similar issue with a skin.  I have re-styled the horizontal navmenu and it looks great in IE, but in firefox it looks terrible

My fall back is html 4

if I apply the skin.doctype.xml fix they both look the same - unfortunately it is the bad firefox rendered version. If I change the doctype string in the doctype.xml file to html 4 it does not seem to make any difference.

Also - is your xhtml strict dtd correct or should it be <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">?

 
New Post
12/24/2009 11:18 AM
 

I got it figured out - sorta

I now have the correct doctype and am just having trouble with css rendering differences between ie and firefox.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Text boxes and search showing up on right hand side of template in FirefoxText boxes and search showing up on right hand side of template in Firefox


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:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. 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.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out