Posted by Mr Perplexed on 11/27/05 23:13

Barbara de Zoete wrote:

> Please quote properly:
> <URL:http://www.safalra.com/special/googlegroupsreply/>
>
> I just don't understand you google.group guys. Had you shown any interest
> in this group or in usenet newsgroups in general, you would have noticed
> how participants post and reply. At least you would have come across a
> recent post showing the above URL.
> For me this is the end for google.groups now. Quite honestly, I've had it
> with you lot. Because of the hit and run nature of your participating in
> newsgroups, you just miss what's relevant for communications. I dislike
> that behaviour more and more now. So, for my good, any post containing the
> header groups.google.com is from now on kill filed.
>
> Well done, Mr Perplexed. You're maybe not the cause all by yourself, but
> certainly the trigger.

Barbara,

I now consider myself educated and admonished. Apologies for pushing
you over the edge. Unfortunately I guess that now you _have_ plummited
over the edge and down to the bottom of the Google Groups ravine,
you're not going to read this, but my apology still stands, read or
not.

Nevertheless, I do feel a bit flamed. I'm a groups/usenet newbie and I
posted in what seemed to be reasonable and polite way, based on how I
had observed others posting. I'm very happy to be steered and corrected
in protocol, but a bit less 'rant' would have been nice.

Anyway, still no closer to my elusive auto-resizing centered div (to
quote - as I now know is the appropriate thing to do):

Start original post >>>>

I want to create a box containing some content on my web page. I do not
want the box to be the full width of the page but neither do I want to
specify the width of the box (in ems or pixels or percentage). Instead
I want the box to grow to fit the width of the content. I also want the
box to be centered.

If I use a div and leave the width undefined or set it to auto, the div
expands to the full width of its containing element - the page. To make
the div less than the full page width I have to set an width in pixels
or %, which means the div width does not flow tightly round its
content.

If I float the div (float:left), ta-daam, it now magically sets its
width correctly (according to its content), but now it's a pain in the
arse to center it. I also have to add an element below it to clear the
float. Similarly, setting position:absolute makes the width fluid but
destroys the layout of the rest of the page.

So I'm stumped. The solution I am using at the moment is a <gasp> one
cell table wrapped around my content box div. Setting the table style
to margin:0 auto means the table gets centered on the page, and because
it's a table (now I remember why we loved these things) it wraps itself
fluidly around whatever content it contains. But obviously tables are
evil and must be banished, so if anyone has any alternative ideas I'd
love to hear them.

<<< End original post.

[Back to original message]