Centering floating objects

[OliFilth]

On the sample page at:

http://olifilth.co.uk/sample.htm

I have some span objects (the boxes) that are CSS-styled with float:
left. Whilst this allows the boxes to automatically wrap as the
browser window is resized, ideally I'd like the boxes to be centered
together on the page, rather than all pushed up to the left.

Is this possible?

Oli

[Spartanicus]

Inappropriate crossposting removed.

ol*******@hotmail.com (OliFilth) wrote:

On the sample page at:

http://olifilth.co.uk/sample.htm

I have some span objects (the boxes) that are CSS-styled with float:
left. Whilst this allows the boxes to automatically wrap as the
browser window is resized, ideally I'd like the boxes to be centered
together on the page, rather than all pushed up to the left.

Is this possible?

display:inline-block (CSS 2.1, support is rare).

Note that there are few examples where such a layout would be
appropriate. Show us an example of what you are actually trying to
achieve by using real content.

--
Spartanicus

[Lauri Raittila]

In article <cd**************************@posting.google.com >,
ol*******@hotmail.com says...

On the sample page at:

http://olifilth.co.uk/sample.htm

I have some span objects (the boxes) that are CSS-styled with float:
left. Whilst this allows the boxes to automatically wrap as the
browser window is resized, ideally I'd like the boxes to be centered
together on the page, rather than all pushed up to the left.

Is this possible?

No, unless you know how much space on line of boxes will take.

It is possible to do differently:

..box {display:inline;display7:inline-block;display:inline-
table;width:10em;height:10em;}

Works on IE and Opera. IE because bug on display:inline handling and on
Opera as it supports CSS2 best. Use some gecko specific way to give it
float, and it works nicely. New versions of gecko might support inline-
block or inline-table, haven't checked since firebird.

http://www.student.oulu.fi/~laurirai/www/css/gallery/
Worked in mozilla 1.0, but they fixed one bug and I haven't yet updated
page. (works on IE and Opera since v5 IIRC)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>