3 replies [Last post]
zhivko
Offline
newbie
Bulgaria
Last seen: 15 years 52 weeks ago
Bulgaria
Joined: 2006-10-10
Posts: 2
Points: 0

hello to everyone Smile My questin is, if I use different Style Sheets for each page and design them for the particular resolution, how to tell the browser to use the style sheet that is appropriate for the resolution of the viewer's monitor. Is this possible?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 51 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You're better off designing

You're better off designing for making your layouts flexible enough to be viewable at all resolutions rather than creating multiple stylesheets for different resolutions.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

zhivko
Offline
newbie
Bulgaria
Last seen: 15 years 52 weeks ago
Bulgaria
Joined: 2006-10-10
Posts: 2
Points: 0

Is there another way for

Is there another way for making the site viewable in any resolution?

here's a link to the site http://www.a-part-ment.hit.bg

I'm new to the web design, I've search many topics and oppinions on this question about the resolution.
One of the suggestions,and most common, was to put everything in a table with widht of 100% and this table to be centered, but this only works if there is no images, but on my site theres many of them, another solution that was puposed was to use simple java script for finding the users resolution and making the site suitale for it, but I've never used java before...Can you help me?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 51 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

zhivko wrote:One of the

zhivko wrote:
One of the suggestions,and most common, was to put everything in a table with widht of 100% and this table to be centered

You don't need a table to do that. If it weren't for your background images, what you want to achieve wouldn't be a problem.
For some of the pages, where the images start from the middle and move out towards the edge (e.g. photos), instead of using two images in your HTML, you could use a single background-image.
In all cases, you'd be better using background-images. For the pages where the images are on either edge, you might attach one to the body and one to #container.
The other thing you should do is create different versions of the images for your thumbnails which are optimised for that size. Don't scrunch down big graphics into smaller sizes.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference