SLO_Rico

Thanks David, nice link. I have been looking into the table styling in the twenty eleven style.css and found:

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}

I think there may even be additional styling in dark.css of twentyeleven.

Pulled out the “.entry-content table” element and have been adding my own arguments. This has allowed me to control the styling but this is global and will affect all content tables, so not the best for my needs.

I could add conditional styling for just this page via:

body.page-id-XX #content div.entry-content {
    padding-left: ...;
}

(where ‘XX’ is the page ID) but that is more to manage in the CSS and don’t think it is worth the effort of just this usage on one page.

I think you have sent me in the right direction. Thanks again!

David thank you so much. Yes, this is very helpful. Off to investigate further and will respond with what I figure out for my layout needs. I think there may be others that would like to know how to do this as well. Again, thanks!

As a side…why is it not recommended to use tables for this?

OK, thanks…I think. Any further direction other than the ROOT of CSS?

Do you have a suggestion for the type of CSS formatting that allows for multiple columns in a page (not sidebars)? Columns that are independent of each other. In other words, I don’t want the content from column one to spill or overflow into the second. Are you suggesting “CSS Multi-column Layout Module“? Or is there something else that would work better?

Once the CSS styling is defined, how does one define which widget goes where using the Page creation/WP HTML editor?