Глупая проблема с размещением HTML :Принудительное размещение одного элемента под другим?

Мой основной макет таков:

...


...
 // There's actually five tables, but that's irrelevant

Я пытаюсь поместить изображение в нижний колонтитул под всеми таблицами, но лучшее, что я могу сделать, это то, что оно застревает справа от таблиц (мой экран большой, поэтому он может завернуть под таблицы для вас, но не для меня ), или я могу заставить его плавать прямо над таблицами, используя абсолютную позицию :. Я не могу ни за что заставить изображение быть принудительно завернутым под столы.

Я попытался обернуть изображение в div и добавить в div всевозможные комбинации атрибутов/свойств, но, как я уже сказал, все они дают один из двух плохих результатов, перечисленных выше.

Может ли кто-нибудь предложить какое-то решение?

Я видел некоторые другие вопросы SO, такие как Как заставить div отображаться ниже, а не рядом с другим? , но я вообще не понимаю этого решения (как плавать :left заставить что-то быть ниже чего-то другого? )и я также не уверен, что решение требует дополнительной оболочки

поделиться