Somehow, I hit a key or a combination of them that changed how websites are displayed (its affected both ie and firefox), certain ones anyway.
The websites only take up the middle third of the screen. Its as if they are being framed by large open spaces on both sides. See the pic below. The sites are normally not displayed like this.
I've already changed both my screen resolution and dpi settings in windows