How does one prevent a layout from breaking up and reorganizing and images shrinking etc. when someone grabs the edge of the window and resizes it to where it's too small for the content to fit in it's normal layout.

I'm wanting everything to simply be hidden when someone drags the window to a smaller size. It's easy to prevent the text from doing this with white-space:nowrap, but how do I prevent everything else from moving around and the images shrinking etc.?

EDIT: I just realized that using percentages for measurements causes a lot of it, but I haven't tested swapping % to px on everything yet.

CSS

body {
overflow: hidden;
}