Я использую display: box для div с гибкой шириной с тремя полями равного размера и с одинаковым интервалом. Это отлично работает для Firefox, Safari и Chrome, но не для IE и Opera. Мне интересно, какой будет лучший альтернативный метод для IE и Opera. Вот отображение: box CSS:
.box {
display: -moz-box;
display: -webkit-box;
display: box;
width: 100%;
}
.box1, .box2, .box3 {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
width: 0;
}
.box2, .box3 {
margin-left: 20px;
}
И HTML:
Вы можете увидеть это в действии здесь .
Я был бы рад услышать об альтернативном методе достижения аналогичного результат в IE и Opera.
Спасибо,
Ник