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 PROTECTED]
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/

Reply via email to