I've been building a website for my upcoming wedding. On the homepage, I have some artwork I did and I wanted it featured on the entirety of the browser, so I went with the Cabernet theme. Originally, my image was cut off at the bottom and it wouldn't let me scroll to see the full length of the image. So I tried to cheat and added a bunch of empty text space so it would allow for scrolling. The problem is that this cheat means there is a lot grey space depending on the font settings of someones browser and a lot of the grey space shows up on the Ipads. It's not a big deal, but I would definitely like it to look right.
I used the following code in the CSS Header:
I was hoping there was a way to let the scroll length correspond with the height of the image I'm using as the background. Here is the link to my website:
Any and all help would be greatly appreciated.