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
> 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
I have some pages with several hacks to try to get this effect, you
can have a look: , .
Bruno Fassino http://www.brunildo.org/test
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/