http://squidg.x10hosting.com/kinder/session_times.html

I've used a table to layout this section:

Wednesday 9.00 am - 12.00 noon

Friday 9.00 am - 12.00 noon


and as you can see its abit to spread out. How am i able to keep them closer together via height?

Also does anyone have any idea's on how remove all that black space outside the actual webpage?
The width of the CSS wrap is 960

Adding seems to help the spacing issue.

What do you want to have instead of the black space? Right now you specify "background-color: #000" for the body element, so that's what you get.

I dont get that code...
Do i put table tr td p { margin:0 } in the CSS under #maincontent?

I know the black space depends on resolution of the screen but is there a way to make it look better or somthing?
Should i make the wrap bigger then 960?

If you don't already have a rule for '#maincontent table tr td p' you add it exactly as Darin wrote it.

I recommend that you not use a fixed-width layout in the first place. A fixed-width layout forces horizontal scrolling in narrower windows, and leaves empty space in wider windows.

Thanks a lot for the help.

I also tried setting height: auto; on #wrap and #contentwrap so it fills the page all the way down to the bottom but that didnt seem to work.
How can i do this?