1 reply [Last post]
ed209
Offline
Regular
UK, Midlands
Last seen: 13 years 33 weeks ago
UK, Midlands
Joined: 2004-06-01
Posts: 28
Points: 0

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.

ed209
Offline
Regular
UK, Midlands
Last seen: 13 years 33 weeks ago
UK, Midlands
Joined: 2004-06-01
Posts: 28
Points: 0

-- 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.