Расположение таблицы рядом с плавающим изображением

Question

Я бы хотел расположить таблицу рядом с плавающим изображением, сохраняя при этом ширину таблицы 100% и не превышая ширину родительского элемента.

Я пробовал разные техники, но пока не достиг желаемого результата. Вот что я имею в виду: http://jsfiddle.net/AX3UR/3/

Есть предложения? Использование свойства «overflow: hidden» для #container не является для меня решением, поскольку важная информация в строках таблицы теряется.

Answer 1

Оберните стол в div и поместите его влево

См обновленный jsfiddle http://jsfiddle.net/AX3UR/5/

Также ваш h2 не должен быть в p

Редактировать

Я только что заметил, что вы хотите сохранить ширину стола на 100%. Это не легко с плавающей. Однако вы можете использовать вложенные таблицы, но это имеет свои плюсы и минусы.

См. http://jsfiddle.net/AX3UR/13/ для решения с вложенными таблицами.