Hi All, I've been racking my brains regarding column control within a float. I'm revising an event agenda that currently has two columns via a 100px left float for the session times and a 425px right float for all the session titles and associated content. The problem is now, many of the items in the right float need to be divided into their own columns while some span the full 425px. Some of these include the left span and some of them don't. I've thrown together a quick table to show the various scenarios:
http://www.mdsol.com/conferences/mug/emug2010/table_example.html How do I nest two columns below the initial line of the right float that spans the full float width? Also, how would I go about creating the three-column version? I've included links to a test page and test css that show the initial agenda format. In the CSS it's the #center .left, #center .right IDs/classes. http://www.mdsol.com/conferences/mug/emug2010/agenda_test.htm (Test page) http://www.mdsol.com/conferences/mug/mug_test.css (CSS) I tried a bunch of things earlier but with no success. I'm just not sure of the best way to go about this to cover all the scenarios...or if maybe I should chalk this up as "tabular data" and just go the table route. Any and all help/advice is certainly appreciated. Thx, Pete ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
