I have been trying to figure out the following problem for way too long now and I can't seem to get a grip on what I'm doing wrong...
For my online portfolio, I have a splash "enter" image that is supposed to open a new window with a fixed size of 1013px for the width and 632px for the height. I chose this size for the window because this is the size of my background image and I am not intending on making the actual page scrollable. All of my content is supposed to just fit within the fixed window.
However, I'm noticing discrepancies among browsers. On my very own computer, a Macbook Pro, using a recent version of Safari, I keep on getting about 80+ pixels of white space underneath my background. On my girlfriend's computer, (also a Macbook Pro,) this problem also occurs. But, when I test the website on my iMac desktop, which happens to have Safari, Chrome, and Firefox all installed, the window opens up to the correct dimensions, with no extra white space. Finally, although I haven't been able to see it functioning in person, I've been told that there is white space added at the bottom AND on the right side of my background when the website is opened up on a Windows-based computer.
The link to the splash page is: http://www.jamesbarracca.com
Can you please tell me why I am having this issue? Thank you!