Just now starting to try and use RSD. It's definitely different than VSD.

I am working on a test site and run into a bit of a problem. I have a 27" monitor that displays at 1920 x 1080.

In RSD I have set page with break points at 320, 480, 600, 768, and 1500. Anyway on the left and right side of the page I have a picture.

Whether I preview the page locally or upload the files to my test site..when the browser (any one, IE, Chrome, Firefox) is full screen the pictures just change to a place holder grey square. When I resize the browser window to about 3/4 size or anything smaller, the pictures appear. Since it is happening in all three browsers I know it is something I am doing wrong.

Any suggestions to fix this issue would be greatly appreciated.

Thanks in advance.

I've attached screen shots.

website:
http://joco.galenswebsite.com

Hi Galen,

For starters, I would not predefine your break points. What I do is the desktop down approach. I create my website in full version no break points. Then when I'm done my layout, I begin sliding the slider to the left and watch my content. As it becomes broken at whatever position I add a breakpoint and fix everything I see out of alignment and adjust my font size and column spans as necessary. Then I begin to slide to the left again until the site breaks again. Add a break point and fix rinses and repeat until you are at your lowest resolution.

Usually, my sites have a maximum of 5 break points unless there is some special area I need to tweak more.
Hope this helps.

Thanks Steve,

I removed the breakpoints and it fixed the problem. I will adjust for smaller screen size later in the work flow.

Did you get my email? To your business site?