Edit min-width in style.css, you may also want to change width from 80% to 90% to save more space for images.

/* Page */
div#wrapper { width: 80%; min-width:770px; max-width:1280px; margin: 0 auto; padding: 0; }

To change the sidebar width edit it on line 105

.bSideBar { width: 220px }

I tried that of course :-)

Meaning I changed both and whatever I did the sidebar went of the screen when I resize a window in the browser.

I did not try a bigger percentage yet, will try that.

min-width prevents window to resize less than it set. I hope you're not using IE6

Nope (Safari and Firefox), I changed it now to 90% and the sidebar to 350p

If you have time can you check at the site itself and resize the window.

Thanks for the very active support :-)

You forgot to change "min-width"

That should be around the 770 as all images are 700p.

Of course I can change those to 600 or 500 and then change the min width to 670 or 570 ....?

Result will be that also on smaller res screens it will be easier ... much more work though :-)

Update: yes it did the trick, so have to change a lot now .....

That should be around the 770 as all images are 700p.

No, it should be: image width + sidebar width + borders

It looks ok now, or not?

Now I changed min width from 570 to 1.000 (570+350+??), seems nothing is changing?

Update: I was too fast, maybe css was not updated, I think it is now ok.

I think I will change the pictures anyway as a lot of people still have 1024 as max wide .....

The last part I am able to do, the first not as it is always resizing, making part of the side bar off the white background

This is fixed now

Great support!!!

All done and enjoyed "talking" to you :-)

No problem. Happy blogging ;)