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, ...Skin problem in Firefox only, works in IE, chrome, safariSkin problem in Firefox only, works in IE, chrome, safari
Previous
 
Next
New Post
12/14/2010 6:38 PM
 
I seem to have stumbled onto some Firefox-specific problem that is making me tear my hair out.  As you can see in the screenshot, my site looks fine in Chrome (on the left) but in Firefox the header items are overlapping.  It also looks fine in Safari and in IE8. Some of the pages use different skins, but the code for the header content is the same for all of them, so the same problem appears on every page. Once we get to the top of the next element on the page, everything lines up from there on down.
My skin.css file validates at level 2.1. My FireFox Web Developer toolbar shows 5 errors; four of them are related to the menus, but shouldn’t be messing up the positioning. I think the last one is probably a DNN thing…

Expected declaration but found ‘url’. Skipped to next declaration.
http://ktw.baessolutions.com/Portals/3/Skins/KleenTech%20Skin/CSS BarOnly/Css BarOnly.css           Line: 15

Error in parsing value for ‘width’. Declaration dropped.
http://ktw.baessolutions.com/Portals/3/Skins/KleenTech%20Skin/Suckerfish Arrow hor grey/SuckerFish Arrow hor grey.css Line: 4

Unknown property ‘font-color’. Declaration dropped.
http://ktw.baessolutions.com/Portals/3/Skins/KleenTech%20Skin/Suckerfish Arrow hor grey/SuckerFish Arrow hor grey.css Line: 20

Error in parsing value for ‘width’. Declaration dropped.
http://ktw.baessolutions.com/Portals/3/Skins/KleenTech%20Skin/Suckerfish Arrow hor grey/SuckerFish Arrow hor grey.css Line: 83

Unknown property ‘behavior’. Declaration dropped.
http://ktw.baessolutions.com/default.aspx
Line:514 (line 514 reads:  img { behavior: url(iepngfix.htc) })

If I view source for the page and run it through the w3C validator in XHTML transitional, I get two errors:

Line 513, Column 23: document type does not allow element "style" here
The line falls within a block of code relating to one of the modules on my page (The pageflip in the upper right corner)

Line 577, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
Not sure what it is, but I don’t think it has anything to do with my menu problem, seems to be a jscript call of some sort

In my skin package is a portal.doctype.xml file, which declares XHTML 1.0 Transitional

I can send a screenshot, my ascx file and skin.css file if you'd like to see them, since I can't attach them here.

I would be delighted with any help I can get on this one, I’ve run out of ideas…
Thanks,
Liz
 
New Post
12/15/2010 11:04 AM
 
One of the guys over at DNNCreative helped me fix this one, but I wanted to post the answer here too in case someone else experiences a similar problem.

Joe suggested "A major part of the problem is these styles:
#logo { float: left; }
#right_header_items { float: right; }

If you remove the floats, it will look better in FF.
Where did you intend to close the div with id headercontent? Is it possible that is misplaced?"

Yes, there was a missing div tag (I fixed it), but I didn't want to get rid of the float as my other choice was to use some absolute positioning that I knew had cross-browser issues, as I had tried it in v.1 of my skin.

But I was able to solve the problem by wrapping the main menu and breadcrumbs in another div and clearing the float in that div. I'm not sure why clearing the float in mainmenu didn't work, but I have my fix so I am happy!
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skin problem in Firefox only, works in IE, chrome, safariSkin problem in Firefox only, works in IE, chrome, safari


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