Flexbox with percentage width does not work on firefox

I tried to archive a simple sidebar | the content is visually with normal floats, and then I used the classic method for columns of equal height with ( margin-bottom: -99999px; padding-bottom: 99999pxetc.), but I didn’t like it, and I had some problems here and there, so I decided to use flex-box. I tried this some time ago with a fixed size width, and it worked fine, but now I have a percentage width, so it seems like firefox didn't like it at all ...

This example shows how I usually expected the Flex-Box to work, and it did a great job with safari and chrome, but firefox just ignores the percentage width ... I found this to be a known issue in firefox, but it is old and I thought they solved her already ...

Then I tried something else to trick firefox, but still I did not expect this, because the sidebar had different sizes from page to page based on the content ...

So, I end up giving up a flexible box with a mock-up of fluid and using something simpler that suits my needs ...

But I am curious to find out if anyone solves this problem by any workaround or if we are all in the queue so that mozila fixes it ...

Thank!

+5
1

margin-bottom: -99999px; padding-bottom: 99999px . ( , , ?) 14%, 86%, CSS Flex.

http://jsfiddle.net/97dtV/7/

. , "".

  • (http://semantic.gs/)
  • Bootstrap - (http://twitter.github.com/bootstrap/index.html)

, - , ;). CSS3!

+1

All Articles