Hey what's up guys?! Ok, here's what's going on. I made a web page that displays perfectly on a 19 inch monitor. When I view it on a 17 inch monitor, the web page is cramped up. I have to scroll to the right in order to view the rest of the right side of the page. Left and right side panes which are tables, shrink really small. Meanwhile, middle column table retains its orignal size. What I believe is going on is even though I set up my site with html using tables to be resized by percentage, the images are keeping their original sizes. So this in essence forces the tables that have images to keep the same size as the image even though I'm telling them to use 15% width. All the other tables without images try to resize accordingly but dont due to the other columned tables not resizing correctly. Does anyone know a way to resize the images in case a smaller monitor is being used to view the web page so that everything is viewed normally? If I make the image small enough to fit in the 17inch monitor, it looks too small on the 19 inch monitor. Thanks in advance.

Forums like this one being an exception, most sites are not full screen width. Most are still designed at about a 1000 pixel width and centered on whatever screen the user is using.

If you are designing a site for others, the viewing must be friendly for them. Horizontal scroll bars are not friendly. Neither are really wide blocks of text. Now would you like to read a newspaper that was full width without columns?

Originally Posted by colbyt

Forums like this one being an exception, most sites are not full screen width. Most are still designed at about a 1000 pixel width and centered on whatever screen the user is using.

If you are designing a site for others, the viewing must be friendly for them. Horizontal scroll bars are not friendly. Neither are really wide blocks of text. Now would you like to read a newspaper that was full width without columns?

Well, I understand this from a design perspective in regards to the wide blocks of text and horizontal scroll bars. It's a major no no. Again, it is viewed perfectly on the 19inch screen but not on the 17 inch screen. So this I already understand.

What I'm trying to do find out is, how am I able to have the website resized along with the pictures so it fits correctly on a smaller screen. I have left and right side panes set at width of 15% and middle column table set at width of 70%. Although, the logo is at a set size in the middle column. It fits fine in the big screen but in the smaller screen, the pic retains its size forcing the middle column to not resize. Hence, it makes the 2 side column tables shrink to fit to compensate for the middle table. I hope I explained this correctly. Let me know if I should re-explain. Thanks again for the response.

It is NOT the screen size that matters, but the resolution of the display and the browser width the user is running at.

If you are designing a site for others, the viewing must be friendly for them. Horizontal scroll bars are not friendly. Neither are really wide blocks of text. Now would you like to read a newspaper that was full width without columns?

Here's something to read:

Liquid web sites