rus_phantom

Уже ночью нашел информацию о display: table-cell, но было уже очень поздно. Получилось правда чище, но все равно проблемы остались: Кнопки оказались все равно слева, но это я думаю можно легко поправить. Самая большая проблема в том что кнопки оказываются не растянутыми. Я удалил оттуда картинку, заменив ее на background-color:red и background-color:green и кнопки оказываются очень маленькими UPD: Вроде получилось сделать то, что я хотел. Итоговый код: <div style=" margin: 20px 10px; border-radius:8px; box-shadow: 0 0 0 6px #f6f6f6, 0 0 0 7px #cccccc; padding: 0;"> <div style="display: table-cell; vertical-align: middle;min-width: 800px;padding: 10px;">Default Story<br><br><br><br>dddddddd<br>aaa<br><br><br><br>qqqqq<br>zzzzzzz</div> <div height="100%" style="width=150px; display: table-cell;border-left: 7px solid #ababab;"> <button height="52%" width="140px" type="button" onclick="alert('Hello world!')" style="width:140px; height:52%;background-color:red;"/> <button height="52%" width="140px" type="button" onclick="alert('Hello world!')" style="width:140px; height:52%; background-color:green; "/> </div> </div> Спасибо за помощь

Прошу помочь с версткой. Я ее уже почти сделал, но все выглядит очень криво, на костылях. Пишу для Blackberry PB используя bbUI.js, но это почти ничего не меняет. В идеале все должно выглядеть так: Вот что у меня получилось своими силами: <div data-bb-type="round-panel" style=" margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; border-radius:8px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; padding:10px;"> <div data-bb-type="label" width="800px" id="story" style="display:inline-block; width:800px;" >Default Story<br><br><br><br>dddddddd<br>aaa<br><br><br><br>qqqqq<br>zzzzzzz</div> <div align="right" style="vertical-align:top; display:inline-block; border-left: 10px solid gray;"> <div><button height="50%" type="button" onclick="alert('Hello world!')"><img src="images/rate_up.png" style="vertical-align: middle"></button></div> <div><button type="button" onclick="alert('Hello world!')"><img src="images/rate_down.png" style="vertical-align: middle"></button></div> </div> </div> И вот как это выглядит: Хочу попросить помощи. Во-первых у меня не получается сделать так, чтобы кнопки справа были по середине и расширялись при увеличении рамки с текстом. Про картинку не волнуйтесь - я ее уберу. А во-вторых меня очень напрягает то, что мне приходится вручную задавать ширину текста, для того чтобы у меня кнопки всегда были справа. Заранее спасибо