Webmaster Forum - View Single Post - CSS div width / DIV with aut expanding width depending on content

cheska · 02-03-2008, 05:35 PM

Hi : )

On this page here : http://lucid-life.com/lucid_sites/test/test.html , you will see i have a div which scrolls the content. The intention is to actually only have it scroll horizontally, and not vertically.

However, it contains a table, which contains images. I want to eventually find a way for my client to upload images (numbered 1.jpg upwards*), and the table (or just the div) will expand width-wise to contain the content. The images float left, so should always be horizontal, but for now, unless I define the width of the table to be wide enough for all the contained images, the images obviously wrap within the div, and a vertical scrollbar appears.

The problem is, since i won't know the width of al the images it will eventually contain, i can't declare the width. I thought of possibly setting a ridiculously long width, but then the problem will be that the div scrolls a large amount of empty content at the end (after the images), and that's undesirable.

I fear i've probably done an awful job of explaining my problem, but if you are at all inclined to delve a little further, all the css is in the actual page... I'll be grateful of anyone's advice/input.

Thanks,

Cesca

02-03-2008, 05:35 PM	#1 (permalink)
cheska Junior Member Join Date: 02-03-08 Posts: 2 iTrader: 0 / 0% Latest Blog: None	CSS div width / DIV with aut expanding width depending on content Hi : ) On this page here : http://lucid-life.com/lucid_sites/test/test.html , you will see i have a div which scrolls the content. The intention is to actually only have it scroll horizontally, and not vertically. However, it contains a table, which contains images. I want to eventually find a way for my client to upload images (numbered 1.jpg upwards*), and the table (or just the div) will expand width-wise to contain the content. The images float left, so should always be horizontal, but for now, unless I define the width of the table to be wide enough for all the contained images, the images obviously wrap within the div, and a vertical scrollbar appears. The problem is, since i won't know the width of al the images it will eventually contain, i can't declare the width. I thought of possibly setting a ridiculously long width, but then the problem will be that the div scrolls a large amount of empty content at the end (after the images), and that's undesirable. I fear i've probably done an awful job of explaining my problem, but if you are at all inclined to delve a little further, all the css is in the actual page... I'll be grateful of anyone's advice/input. Thanks, Cesca