Ricky Morley wrote: > > Regarding this test page http://www.rickymorley.com/test.html > > > > I wish to have a series of div's that I can display next to one > > another. I can then format then as I wish. I can't float > > them, because that will force them either right or left, but I > > wish to have them centered in their containing div. > > > > In the test page, I gave the divs the style "display: inline-block". > > That gives the desired effect in Opera, but only Opera.
and Philippe Wittenbergh wrte: > Inline-block is supported by (from good to less): > Safari, iCab 3.0, Opera, IE Mac. > IE win (5.5 and 6) do support inline-block for elements > 'whose natural display is inline' (according MS docs). > > For Gecko browsers (Firefox), you can use the vendor specific > property display: -moz-inline-box. Just a small addition to Philippe's post. Yes, IE Win doesn't support inline-block for 'natural' block elements, but you can get the inline-block behaviour giving to a block element display:block and making sure that it gets 'hasLayout'. This is important to avoid big limitation to the markup. I tried the combination of inline-block (for Opera, Safari), the above thing for IE/Win, and -moz-inline-box for Gecko. Unfortunately as soon as you have not too simple contents, many misbehaviours appear (in Opera vertical alignment of inline-blocks is broken; -moz-inline-box has many bad side effects; ...) You can have a look at the below pages, which contain the effect that you are seeking (centering of inline-blocks.) Bruno <http://www.brunildo.org/test/ImgThumbIBL.html> <http://www.brunildo.org/test/indext1.shtml> <http://www.brunildo.org/test/ImgThumbIBL2b.html> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
