OK I have an image and a div containing a dynamically generated table beside each other.... {image}{table} . When the browser is expanded I would like the image and table to be as far apart as possible from each other but as it is minimized i would like them to grow closer together and allow the space in between to collapse without pushing anything down below it. Any ideas?
Give it a margin and set it as a percentage. img { margin-right: 10% } Code (markup): Or you could put the image in a div and then float it left and float the table div right and position them from the edge by setting a margin then aslong as the div they should act as you are looking for.