Home/ Questions/Q 6726437
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:55:39+00:00

I’d like to position a table next to a floating image while keeping the

  • 0

I’d like to position a table next to a floating image while keeping the width of the table 100% and not overflowing the width of the parent element.

I’ve tried various techniques but haven’t achieved the result I wanted yet. Here is what I mean: http://jsfiddle.net/AX3UR/3/

Any suggestions? Using the “overflow: hidden” property for #container is not a solution for me since essential information in table rows are lost.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Wrap the table in a div, and float it left

    See the updated jsfiddle http://jsfiddle.net/AX3UR/5/

    Also your h2 should not be in the p

    Edit

    I just noticed you wanted to keep the table 100% width. This is not easy with floating.
    However you could use nested tables, but that has its on pros and cons.

    See http://jsfiddle.net/AX3UR/13/ for a nested table solution.

    • 0