Where is this space coming from?

on the right of
I cant figure out why there is a large space (black) on the bottom of the event calendar thing, how do I get rid of it?

This CSS

table.mainTable { margin-left: 5px; margin-top:75px }

…creates a 75px gap above the calendar in the black area containing it. You then shifted the calendar up 70px into this gap by setting it bottom:70px, and the navigation under it bottom:60px.

Get rid of the margin and the shifting and it should just fill the box like normal.

ok, made the change, but now the table seems out of position.

Get rid of the bottom:60px in .mainTable. Does that help?

From mainTable and navTable, remove {bottom: 70px;}.



yes, thank you so much.

You’re welcome:D