Hi,
I have 3 <divs> whose content is nicely formatted. All I want to do is present the 3 <divs> as columns not three rows as they currently are (see attached jpeg of how it should look).
Follow this link to see how far I've got http://www.edleadesign.co.uk/client_server/artists_sites/mainDev.html
And here's my css http://www.edleadesign.co.uk/client_server/artists_sites/themes/default/events.css
The other issue I'm having is the width of these 3 <div>'s. I would like the width to be determined by the content but I know css doesn't work that way. Are there any solutions to the width issue without specifying a fixed width (% or px). The reason is that the content will differ (i.e. it won't always be less than 'x'pixels wide).
Thanks in advance for your help....
ed.
-- 3 Columns --
in each of the rules for the 3 <div>'s I have put
display:inline-table;
This seems to make the size of a <div> be controlled by its content rather than the size of its parent. Is this the correct use of the above code?
thanks,
ed.