General web design advice

Hello,

When creating a web page I hear it is best to use div tags to create a 'framework' to a page. My problem seems to come when defining the sizes of these div regions mainly due to screen resolutions.

For example, if I used fixed widths for the div regions, on a high resolution screen the page would look very different to on a low resolution screen.

If I use percentages, this is better, but if I was to reduce the size of the browser window everything on the screen shrinks proportionalty except images (.gif, .jpg) as they are fixed width. If you make these percentage widths/heights then aspect ratios go and quality drops.

How is it best to over come these issues? What looks more professional?

Thanks in advance.

I use to design my pages for a certain resolution and make them a fixed width and then center them. That way, people with a bigger res would see the page centered and just get some whitespace on both sides of the page. You can then eventually apply some background-image or color to your body so it does not just look bored white :)

I suggest you drop the properties given to image tag realted to width or height.

like if you have given width="100px" in your <img> tag then remove this

place the images only with src and title properties.

Hope this helps

I’ve always used elastic layouts based on ems. The rough equivalent I design to is 750px wide in 13px text.
Btw, you can use min-width to limit the fluid…um, -ness to a certain degree.