Image Resolution ?

They have: 14 posts

Joined: Jan 2007

I have designed my web site using 1024 x 678 after researching and learning it's the most used screen res.
My images fit perfectly in this res ...
Problem is when i view my website in say 1280 x 1024 the images shrink and leave it looking a bit empty as there is to much space around my images.
Is there a simple way to make the images resize perfectly with different res's so they appears exactly as it does in 1024 x 678 ?
Thank you
Deb's

He has: 629 posts

Joined: May 2007

Well, yes, there are many ways of getting web pages to fit on today's highly variable width displays. Perhaps the easiest is to use a percentage sized width, constrained to your design limitations by using min-width and max-width. Or google for "fluid or liquid css design layouts".

With millions using iPhones and Blackberrys to surf the 'Net these days, 1024 pixels may be a tad too large.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

They have: 99 posts

Joined: Feb 2008

How much work goes into a fluiq/liquid design? Is it a simple process or does the working out of images sizes take up time? I'm playing with the idea of just creating a centered site, would this be classed as poor design?

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Design is subjective... However I agree on using some percentage adjustments for your images, or the safest bet would be to use thumbnails. But to get the desired blow-up, blow-down of images, you can use percentage values.

@webwiz, on the last note, it's not about designing on a hig-res setting to get someone to use the site on a mobile device, there is always the alternate stylesheet solution. You can assign a specific stylesheet for mobile devices, that's why css and semantic markup is so useful in this aspect.

@phil, depending on your experience making such layouts, it is rather simple, what takes time is to perfect the little details. Design as I've said is subjective, making your site centered with fixed width is your own discretion, a well-designed site is much of a visual treat as much as what's underneath the skin (html and css)... imo.

He has: 629 posts

Joined: May 2007

@caffinephil: Here is an article that covers hybrid liquid / elastic design techniques you may find useful: The Incredible EM and Elastic Layouts.

They have: 99 posts

Joined: Feb 2008

Thanks webwiz, just got myself a caffine fix to sit down and have a read. If I get confused i'll be back.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.