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 widthskin width
Previous
 
Next
New Post
7/12/2009 11:54 PM
 

Looking for a suggestion in Skin Width what is the standard most people have these days?

 
New Post
7/13/2009 10:13 AM
 

960.

Jeff

 
New Post
7/13/2009 10:43 AM
 

IIRC, in the old days (first half of the 2000s?), most people agreed that the majority of people needed their site width geared at an 800 x 600 display for public viewing.  Someone (webmonkey maybe?) had an article on their site that did a detailed analysis of the browsers of the day and determined that 744 was optimum - or at least the widest you could go without making the dreaded horizontal scroll bar appear.  That having been said - and I haven't kept up on it - more recently 1024 x 768 was the most popular.  So 1024 minus 56 equals 968.  However, the landscape is more confusing nowadays.  The majority of new computers have wide screens.  Depending on your point of view the "best choice" or the "safe choice" might be very different.

I would hunt around for some articles or industry data on popular screen widths and work from there to find out what you are comfortable with - or what your expected user base is comfortable width.  I recently worked on a magazine for "seniors" and this had a dramatic affect on the final choices for default width and font sizes.

Anyone want to reply with links to modern sites that show browser usage data and display size data?


- Accuraty / Jeremy
 
New Post
7/13/2009 2:15 PM
 


This code is from a skin package I purchased. The skin colors are exactly what I was looking for as well as the navigation componants. My problem is the screens do not display properly unless you are on a new wide-screen monitor or laptop.  I need it to work on 17" Emacs and older PC -- same size. Can we make this work or should I look for another package? The support techs from the company  have given me a few suggestions and they answer questions promptly, but we haven't beenable to figured it out. Hope you can help.

The selection of skins -- Index, Index II --Index-wide are a few of the available options.  The only one that displays correctly is Index-wide on wide screen monitors.


@import url("menu.css");
#skinbody {color:#666;     font-family:Arial, Helvetica, sans-serif;    font-size:11px; height:100%;padding:0;    margin:0;background:url(bg.jpg) repeat ;}
.template_style{width:980px; margin:0 auto;padding-bottom: 5px;}
.template_styleWide{width:90%; margin:0 auto;padding-bottom: 5px;}
.search_style{float:right; height:40px;padding-top:5px;margin-top:5px;}
.search_bg{padding:0px 16px 0px 0;
margin-top:-5px;
padding-top:-5px;

I

 
New Post
7/14/2009 5:11 AM
 

Ann,

If the skin designer can't figure it out, most likely no one can.  Setting the width of a content area should be easy for the original designer, and it's easy to simulate a smaller screen resolution even if you have a large screen monitor. 

That said, "doesn't display properly" doesn't explain the problem at all.  Is it that the content area is wide enough that scrollbars and scrolling are necessary to view the content?  Or are the containers/modules not lining up properly?  Or are the background graphics "breaking"?  Or is it the text size that isn't correct?  Lots of things could happen that would fall under "doesn't display properly".

My guess would be to use the Index Wide skin, but that's only if it uses the ".template_styleWide" class for the content area width.  Then you should be fine with any size monitor as the content area will fill 90% of the screen width no matter what size monitor or screen resolution.  But, you could run into problems if the widths of the content panes are set to fixed pixels widths.  Then, the skin's overall width setting won't necessarily work as a percentage since the fixed content pane widths could override that by creating a minimum width equal to the total of the content panes' widths... and again, the skin designer should be able to figure all this out for you quite easily if it is only a matter of width settings.  

Of course, you also have to account for the actual content being used.  For example, if you set the skin width to 800px, and place a 550px wide photo in the LeftPane and a 450px wide photo in the ContentPane, well, depending on how the skin is set to handle overflow, you're likely to not have it display the way you want or expect.  But, again, the skin designer can help with that as well.  As long as everything is taken into consideration when developing a solution, and there can be a lot of different variables at play.  If there isn't an easy answer to the particular "doesn't display properly" issue you are having, then I would think the designer would offer to do customization of the skin for a nominal charge to tailor it to your particular needs... unless you're not able to narrow down what the issue is, then they can only guess and hope that's what you meant...


JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...skin widthskin width


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