Adam Morris wrote:
Done it. Georg? margin-right:-6px; did not work on the right side of the container but 'margin-LEFT: -6px' did!
My fault - sorry. Yes, it should be a negative margin-left on the right container :-)
Why do negative margins shift things around in a better way than positive ones?
In your case: the negative margin is pulling in the backside edge of the floating container - the container becomes so many pixels narrower when the browser is calculating its space in relation to other elements. The actual, and visual, width stays the same though, so the containers starts to cover each other visually. That's one way to make the gap disappear. Note that this is a solution that'll only work well on floats. Floats can be positioned and manipulated by frontside and backside margins in many ways. Create some tests so you know how to control them. It may come handy. Example: <http://www.gunlaug.no/contents/wd_chaos_04.html> More extreme examples - with IE/win fixes: <http://www.gunlaug.no/contents/wd_demo_float_01.html> <http://www.gunlaug.no/contents/wd_demo_float_02.html> <http://www.gunlaug.no/contents/wd_demo_float_03.html> ...links to more float-info in the side-column(s). regards Georg -- http://www.gunlaug.no ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
