hosted by liquidweb


Go Back   Web Hosting Talk : Web Hosting Main Forums : Web Design and Content : Ensure website compatibility in all resolutions
Reply

Forum Jump

Ensure website compatibility in all resolutions

Reply Post New Thread In Web Design and Content Subscription
 
Send news tip View All Posts Thread Tools Search this Thread Display Modes
  #1  
Old 03-26-2009, 12:04 PM
Daryl Daryl is offline
Web Hosting Master
 
Join Date: Oct 2003
Posts: 917

Ensure website compatibility in all resolutions


Hello,

Recently I came across some information either about CSS or something which ensures that your website is compatible in all screen resolutions so that there isn't any distortion or the layout doesn't break.

Anyone know what I'm talking about? If you can shed some light on this it would be much appreciated.

Cheers
Daryl



Sponsored Links
  #2  
Old 03-26-2009, 02:56 PM
WebNaz WebNaz is offline
Junior Guru Wannabe
 
Join Date: Aug 2008
Location: Cyprus, EU
Posts: 50
You should use the so called fluid or Elastic layout, in short instead of using fixed width, e.g #wraper{width:960px} //Fixed
you either dont define width or use %
#wraper{width:90%} //Fluid
or elastic in which case you define your width in em, and will change width as the text is enlarged
#wraper{width:40em} //Elastic

All methods have their cons/pros and there is a lot of argument which is correct.

I personally think that it all depends from your design, all designs require different layout, which might be fluid or fixed, so I would say there is no right or wrong layout.

  #3  
Old 03-26-2009, 03:57 PM
Daryl Daryl is offline
Web Hosting Master
 
Join Date: Oct 2003
Posts: 917
Thanks for your input WebNaz, much appreciated. Is this the only way to go about it? Or are there alternatives?

Cheers
Daryl

Sponsored Links
  #4  
Old 03-27-2009, 11:20 PM
WebNaz WebNaz is offline
Junior Guru Wannabe
 
Join Date: Aug 2008
Location: Cyprus, EU
Posts: 50
Another method is getting the visitors screen resolution/OS/Browser version, e.g with javascript and displaying the appropriate template/css

Again this has its cons/pros

In short, there is no 100% solution, you have to take many variables into consideration (design, target audience, content etc) and decide which is best for you.

  #5  
Old 03-28-2009, 02:48 AM
SiddDubey SiddDubey is offline
Junior Guru Wannabe
 
Join Date: May 2007
Location: Pune, India
Posts: 42
or if your design demands fixed widths then just design the layout according to the most popular resolution used.. like in a survey it was noted that 800x600 is a resolution that is long gone.. so optimize your website for 1024x768 and it will look right in all the resolutions bigger than that..

__________________
Siddharth Dubey
Web Designer/HTML-CSS Coder
Personal Website | dA Portfolio

  #6  
Old 03-28-2009, 07:14 AM
JayNL JayNL is offline
Web Hosting Master
 
Join Date: Aug 2005
Location: The Netherlands
Posts: 3,276
Fluid 960.gs is a great start

designinfluences.com/fluid960gs/12/

  #7  
Old 03-28-2009, 03:00 PM
Daryl Daryl is offline
Web Hosting Master
 
Join Date: Oct 2003
Posts: 917
Thanks guys for your feedback which has certainly been helpful.

Cheers
Daryl

Reply

Related posts from TheWhir.com
Title Type Date Posted
Poor Website Performance Influences Online Purchasing Decisions: PEER 1 Study Web Hosting News 2013-12-17 14:43:39
Holiday Shoppers Increasingly Choose Mobile Over Mall: Rackspace Study Web Hosting News 2013-11-25 13:20:32
Eucalyptus Systems Offers Extended AWS Compatibility with Version 3.3 Web Hosting News 2013-05-03 12:53:22
WHD.global 2013: ARPU Wars with BaseKit VP of User Experience and Community Web Hosting News 2013-03-21 07:59:47
Website usability – 10 tips for getting it right Blog 2012-04-27 14:11:03


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Postbit Selector

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump
Login:
Log in with your username and password
Username:
Password:



Forgot Password?
Advertisement:
Web Hosting News:



 

X

Welcome to WebHostingTalk.com

Create your username to jump into the discussion!

WebHostingTalk.com is the largest, most influentual web hosting community on the Internet. Join us by filling in the form below.


(4 digit year)

Already a member?