Sent by Bruno Fassino on 26 February 2008 09:09
On Tue, Feb 26, 2008 at 8:51 AM, Sander Marechal wrote:
> I want something that
> behaves sort of as float: center if that would exist. Or as an "inline
> block".
>
> Say I have two divs of 200x200 pixels. When the page is 500 pixels wide
> I would like these blocks to be next to each other, but centered on the
> page. So, 50px space on the left, then two 200px blocks next to each
> other and then another 50px space on the right.
>
> However, when the page width shrinks I would like these blocks to flow
> as centered text would flow. Say you resize the page to be 300px wide.
> Then I would like 50 px whitespace on the left, two 200px blocks on top
> of each other and then another 50px whitespace on the right.
As you say, display:inline-block could be used here. The problem is
that Firefox 2 doesn't support it (FF3 will), and IE needs hacking to
'emulate' it.
I have some pages with several hacks to try to get this effect, you
can have a look: [1], [2].
Hth,
Bruno
[1] http://brunildo.org/test/indext1.shtml
[2] http://brunildo.org/test/ImgThumbIBL2b.html
--
Bruno Fassino http://www.brunildo.org/test
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
