Posts Tagged ‘resolution’

Fixed Width Design Vs. Fluid Width
Wednesday, October 8th, 2008

Deciding whether to make your website’s design fixed width or fluid width is the issue many of us think about every time we start a new website or change a current website’s design. Not only this bugs us all the time, if we go with fixed width , we have to decide what width we actually want to go with.

In short, I have experienced that as I develop my websites further and upgrade them I tend to change the designs to fixed width. I still have websites with fluid width (Cancer Forums), but all of my better websites are fixed width.

Fixed width allows you to better manage the elements of design and therefore have less un-used or wrongly used spaces as the resolution of the visitor’s monitor changes. When designing for fluid width, you usually have to design such that smaller monitors (ex. 1024) can still view the whole page without scrolling sideways. So why not just make a fixed width that shows the same page to everyone?

Fixed width can also give your website more credibility as it has a consistent look every time the visitor goes on it (and the fact that the elements of design are more organized). So if your website is an e-commerce site, I definitely suggest using a fixed width.

Fluid width can still be good for Forums as more space is always useful when reading posts and threads. Also there are usually not much design elements in the forums body. The graphics are usually in the header and/or footer only.

Deciding on the actual width of the design is tricky as well. I tend to make my designs 980px wide. I don’t try to make the site fit in 800×600 resolutions monitors anymore.Firstly there are very few of those left and people who do use them are usually older people still using their 10 year old PC which are not my targeted audience.

I tend to adjust my sites to 1024×768 resolutions. I actually go for 980px to leave some spaces for the side up and down scrolls.