1
Intuit
Making theme work for different resolutions
  • 2005/10/8 18:49

  • Intuit

  • Just popping in

  • Posts: 60

  • Since: 2005/8/2 1


Is there an easy way with the theme or maybe the style sheet to make it look good on both 800X600 and 1024X768?

Thanks
--
I
http://www.articles4business.com - post your small business/financial/internet biz articles here to promote your site!
http://www.seductionhome.com

2
TottoBG
Re: Making theme work for different resolutions
  • 2005/10/8 21:24

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


Just use percentage (%) measures in your css setting width of the elements and it should be working. Use right measures (like px for example) only for the elements that need specific width to be shown correctly, like menus. And also should not have any having specific size elements like pictures to fill in width your pages, cause then they would stop shrinking the content of your page.

3
Peekay
Re: Making theme work for different resolutions
  • 2005/10/10 21:07

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


I used to design websites that were at a fixed width of 800 x 600 res. With the popularity of TFTs, I started to create fluid layouts that fill the screen at 1024 x 768, but will shrink to 800 x 600 if required. I can get some sites down to 640 x 480 if the columns don't overlap too much.

However, the 19 and 20 inch TFTs are now much more affordable and the recommended resolutions are even higher. It's going to be fun keeping sites looking proportionally good (and readable) at 1792 x 1344 *and* 800 x 600.

I'd be interested to know what techniques other site designers are using to accommodate the increasingly diverse parameters?.

For example, is it preferable to use JavaScript to load diffferent stylesheets, themes and images based on the browser's 'screen' property, or is it now reasonable to adopt 1024 x 768 as the 'new' fixed width?
A thread is for life. Not just for Christmas.

4
Bassman
Re: Making theme work for different resolutions
  • 2005/10/10 22:01

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


It's a real challenge to make themes look good at all resolutions. I have used javascript to detect screen resolution and load the appropriate style sheet before, but it means more work :(
I tend to still use 800 x 600 as the minimum screen resolution.

Login

Who's Online

234 user(s) are online (158 user(s) are browsing Support Forums)


Members: 0


Guests: 234


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits