Fit site to smaller screen resolutions?

  • Just wondering if anyone know a kind of ‘quick fix’ way to correct the appearance of a site for smaller screen resolutions?

    The site was designed by someone else who is no longer around……All through the style sheet all sizes are listed in px not % and the header is 1280px so too big for smaller screen resolutions.

    is there a way to correct this without changing every single value to a percentage individually?

    Any help would be greatly appreciated!

    ??

Viewing 3 replies - 1 through 3 (of 3 total)

  • I’m afraid I don’t know of a quick fix. (maybe someone does)

    Even though I admire the concept of percentages in principle, I tend not to use them, as I find it much quicker to develop in fixed width and fluid length. My clients nearly all have a fixed width in mind when they hand me a design, so that pushes me in that direction as well. As a compromise, I tend to use a width of approximately 960, which works quite well across different resolutions. 1280 is pushing it, for sure – I call this “Design person giant monitor-itis”. I also tend to use EMS for fonts so that at least those resize with different zoom levels and so on.

    After saying all that discouraging stuff, if your design is reasonably consistent across all of its pages, it’s probably not a huge CSS job to convert it, at least to a narrower fixed width. Big header images could be resized, and so on. I find this type of job fun, as sick as that may sound. IMHO, fluid width is a bigger deal, more testing, etc. You’ll need to get out that wallet. ??

    Good luck, Dave

    Thread Starter anita-wp

    (@anita-wp)

    Thanks Dave….. I had a feeling this might be the case!

    Its a 3 column site with widgets on either side of the body – so i guess its not all that much to amend really

    “Design person giant monitor-itis” shall be avoided next time for sure

    Yeah, my personal fave is designing at 1006px. I forget how I came up with 1006, but a lot of monitors seem to hover around 1024 or greater horizontal resolution. I read somewhere to give a little bumper space I think, to avoid side scroll bars…..

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fit site to smaller screen resolutions?’ is closed to new replies.

Tags