I have two divs stretching beyond the bottom of my visible screen but the scroll bar won’t appear and I tried playing around with various “overflow” possibilities but couldn’t figure it out.
Source Code (simplified a smidgen for ease of reading purposes):
You can’t really give a height to those columns as that won’t allow your content to grow. If you want equal columns then the easiest way is to use a background image with a faux column technique.
Your page is lacking a little in semantics and there is no need for the javascript link on the banner as you can simply use an anchor.
The nav should be a list and spaced with margins instead of non breaking spaces although I guess you may have been going to change that anyway.
If you need the 100% height effect then it gets a little more complicated but it can be done. This is how I would go about it.
If you run that while online you will see the effect as I have linked to an image of mine just to make the right equal column. Just make your own image of appropriate width and style (500px x 10px).
T.T You have no idea how thankful I am right now.
“Lacking in semantics” - haha, that comment couldn’t be more appropriate. What you saw was the product of 4 days of self-teaching CSS with random YouTube videos and a few websites (my html bg is also close to nil). Not too bad for a biology major, right? lol. I probably put everything together the hard (and inefficient) way. smh.
Again, I really appreciate what you did for me. Learning as I go.