Immagina di scrivere su un foglio A4, il rigo ha una sua larghezza, raggiunta la sua fine bisogna andare a capo. Riportando lo stesso testo su un post it lo spazio a disposizione sarà più stretto e il testo si disporrà su molte più righe andando a capo su parole diverse.
E' quanto accade a te, se la finestra del browser, come il foglio di carta, si rimpicciolisce, che sia per effetto della risoluzione diversa o che sia per una riduzione manuale, i contenuti si adattano al rigo.
Per evitarlo, occorre assegnar loro una larghezza precisa, che non sia influenzata dalla finestra del browser.
Racchiudi dunque le immagini e gli altri contenuti in un div al quale assegnerai una larghezza adatta a contenerle, elimina anche queii margini sul body e semplicemente centra il div assegnandogli nel css un margin:0 auto, quando la finestra del browser sarà più stretta avrai uno scrolling orizzontale, quando sarà più larga avrai una struttura centrata orizzontalmente nella pagina.