iamncm

Верстаю страницу при помощи DIVов со свойствами display: table*. Всё выравнивается, но содержимое разных DIVов зависит друг от друга. Допустим, что: <DIV class="post"> ___<DIV class="picture"><IMG src="image.png"></DIV> ______<DIV class="text">Без постановки рук и элементарной музыкальной грамоты польза от занятий сомнительная. Для второго инет сгодится а вот постановку заочно тебе никто не сделает. Можешь найти инфу но не факт что она достоверна и контролировать правильность будет в любом случае некому.</DIV> ______<DIV class="answer"> ____</DIV> </DIV> В левом DIV отображается картинка, а текст среднего DIV идёт от конца картинки. Нужно, чтобы они шли на одном уровне. DIV.menu { width: 1000px; height: 35px; background: #ccc; padding: 15px; clear: left; } DIV.lent { width: 830px; height: auto; display: table; } DIV.post { background: #FFF; display:table-row; } DIV.text { padding: 15px; width: 700px; height: auto; display:table-cell; } DIV.picture{ display:table-cell; } DIV.answer { width: 50px; display:table-cell; } DIV.answer:hover { background: #ccc; } </style> <DIV class="menu"> <FONT size="6">iamncm > Группа Добра > Тред Бобра</FONT> </DIV> <DIV class="lent"> ___<DIV class="post"> ______<DIV class="picture"><IMG src="image.png"></DIV> ______<DIV class="text">ТЕКСТ ТЕКСТ ТЕКСТ</DIV> ______<DIV class="answer"></DIV> ___</DIV> </DIV>