HTML5:Изображение в левом элементе «display:table-cell» толкает содержимое правого элемента вниз

Учитывая эту маленькую скрипку:http://jsfiddle.net/5Sw3h/8/

У меня есть панель навигации слева, панель контента в центре и, чтобы дать немного места справа, панель там же. Они размещаются с использованием семантики "отобразить :таблицу, отобразить :таблицу -ячейку".

В настоящее время я сталкиваюсь с тем, что при размещении контента на левой панели содержимое на панели контента смещается вниз, в основном из-за изображения. Однако в целом это, кажется, немного снижает содержание.

Я пробовал устанавливать padding равным 0 для нескольких элементов, (так как я сначала подумал, что это так), затем я попробовал вертикальное выравнивание блока содержимого, некоторое относительное позиционирование, определяющее «верх». Но ничего толком не помогло...

Я знаю, что проглядел какую-то очевидную вещь, просто не могу найти.

Может ли кто-нибудь помочь мне найти то, что мне не хватает?

6
задан Jens 17 March 2012 в 15:56
поделиться