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, ...Browser differences (IE and FF)Browser differences (IE and FF)
Previous
 
Next
New Post
10/8/2009 4:09 PM
 

I know there are many differences between IE and FF (firefox), but I am not asking about all of them.

I am making a new skin for a site, to look at the old skin, follow this link:

http://www.kirken-aalesund.no/Default.aspx?alias=www.kirken-aalesund.no/spjelkavik

Why is the border around the content showing different in the two browsers? IE shows the same color as the top panel and FF shows a blue border. Both browsers showed the blue border until my host told me to add the code  .skinmaster {border:2px solid cacaae} to portal.css. Why doesn't FF read this code?

All the fonts shows different in FF and IE (it looks best in IE, and it is closest to what we want). It seems to me that FF does not read some of the css (in one or more of the css files). (I won't even mention the search-boks appearance in FF). Why is this happening?

 

 
New Post
10/8/2009 5:27 PM
 

Off the cuff, I would imagine the border color issue being caused by the lack of a # in your CSS definition... try .skinmaster {border:2px solid #CACAAE}.

Otherwise, you also have many un-terminated definitions in your CSS file (missing the semicolon at the end) which can lead to all kinds of headaches.  Your font-family definitions could also use a bit of redundancy and reformatting, AFAIK (as far as I know) you only need to use quotes for the font when the name has spaces like Times New Roman   or  Trebuchet MS... you also need to stay within the "Web Safe Fonts" to ensure most users will have the proper fonts installed. HOwever, it's always a good practice to use a list of prefered fonts, then end it with a 'general' type (serif, sans-serif, monospace, fantasy, etc.)... example:  font-family {  Verdana, Tahoma, "Trebuchet MS", sans-serif }  this basically means "Try Verdana first, otherwise try Tahoma, then Trebuchet MS, and if none of those work, just render a sans-serif font".

Good luck!


Wells Doty Jr
Online Content Development
 
New Post
10/8/2009 5:41 PM
 

Thanks, that # solved the border issue in FF.

So maybe the rest of the differences also boils down to sloppy css-writing?

My problem is that I am only a user that administrate the site. What css-styles our web-host writes i cannot control. When making my skin I must be careful not to override any css-style from my host that have to be there to use the modules properly.

 
New Post
10/8/2009 6:51 PM
 

You can prevent a lot of these issues by using an XHTML doctype.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Browser differences (IE and FF)Browser differences (IE and FF)


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