Hi Alan, Floats are always really tricky. But the left-floated column shouldn't really be floated here — what it really needs to do is occupy the remaining space left over from the right-floated Twitter widget. Sadly, there aren't any simple CSS directives for this, but there are techniques which will achieve this: I personally recommend Nicole Sullivan's OOCSS framework's grids module [1].
In your case, I'd fix the problem as follows: width: auto; display: table-cell; If you need this to behave in IE7 and below, these extra properties are needed to compensate for IE's failure to handle table-cell display: position: relative; _left: 3px; _margin-right: 3px; Hope this helps! [1] Documentation: https://github.com/stubbornella/oocss/wiki/Grids; Demo (without IE-specific code): http://jsfiddle.net/barney/7Bd8V/ Regards, Barney Carroll [email protected] +44 7429 177278 barneycarroll.com On 25 June 2013 10:47, Alan (Neweb Ireland) <[email protected]> wrote: > This problem is driving me up the wall. > > I have two div boxes (one floats left and one floats right) I'm trying to > get them to sit side by side but its not working as it should. > Can anybody help with this problem. > > I have been at it for ages and its still not working. > > The page is: http://mcp3p.com > > Alan > > ______________________________**______________________________**__________ > css-discuss [[email protected]] > http://www.css-discuss.org/**mailman/listinfo/css-d<http://www.css-discuss.org/mailman/listinfo/css-d> > List wiki/FAQ -- > http://css-discuss.incutio.**com/<http://css-discuss.incutio.com/> > List policies -- > http://css-discuss.org/**policies.html<http://css-discuss.org/policies.html> > Supported by evolt.org -- > http://www.evolt.org/help_**support_evolt/<http://www.evolt.org/help_support_evolt/> > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
