Center image in DIV?

Why are there no alignment properties that I can use to align an image
within a div?

We haven't finalize our logo so we don't know the final width of the image.
CSS is supposed to be about layout, not content, so the dimensions shouldn't
come into play when defining the style sheet anyhow. At this point we are
going to have to use the <CENTER> tag.

How do I define that any IMG tag should be centered?

P.s. I didn't see any groups dedicated to CSS. Please let me know if there
are any.

"brucie" <shit (AT) bruciesusenetshit (DOT) info> wrote

in post <news:bu252c$cp3uq$1 (AT) ID-117621 (DOT) news.uni-berlin.de
brucie said:

whatever{text-align:center:}
^ oops ;

Thanks!

Had to set Display: Block; to get it to work though.

We haven't finalize our logo so we don't know the final width of the
image.
CSS is supposed to be about layout, not content, so the dimensions
shouldn't
come into play when defining the style sheet anyhow.

that doesn't make sense

What I mean is that all the solutions that I found needed to know the
dimensions of the image being centered, so the CSS was bound to the specific
content, not just the page layout. CSS is supposed to be about layout, not
content.

The text-align works fine (although doesn't really make much sense, since
this isn't text.)

brucie wrote:

in post <news:B41Nb.84638$ts4.47054@pd7tw3no
Noozer said:

whatever{text-align:center;}

Had to set Display: Block; to get it to work though.

thats a bit odd, a div with text-align:center; will center an image
without having to do anything else.

I think he's using

img { text-align: center; display: block; }

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?page=132

On Wed, 14 Jan 2004 01:43:40 GMT, "Noozer" <postmaster (AT) 127 (DOT) 0.0.1>
wrote:

What I mean is that all the solutions that I found needed to know the
dimensions of the image being centered, so the CSS was bound to the specific
content, not just the page layout. CSS is supposed to be about layout, not
content.

That's no different than a designer, laying out a page, having to
block out an finite space alongside a column of copy. That is very
much about layout and has nothing to do with any text content.

You can always change the <div> dimensions later, y'know, once you've
established the final size of your logo.

The text-align works fine (although doesn't really make much sense, since
this isn't text.)

Well, in a sense it is textural -- in that you're including the image
within the body you've created as a <div>.

"Toby A Inkster" <UseTheAddressInMySig (AT) deadspam (DOT) com> wrote

brucie wrote:

in post <news:B41Nb.84638$ts4.47054@pd7tw3no
Noozer said:

whatever{text-align:center;}

Had to set Display: Block; to get it to work though.

thats a bit odd, a div with text-align:center; will center an image
without having to do anything else.

I think he's using

img { text-align: center; display: block; }

div.menu img {
display: block;
text-align: center;
vertical-align: center;
margin: 3px;
}

....to be exact