Ad Hoc not working

[monico]

I'm trying to use 2 columns and it only shows 1 with each widget one under the other.

I read a post that said to use
.textwidget .warea .suf-widget { float: left; }

and I did, but it didn't work.

Any ideas?

[drake]

For working this kind of alignment need to determine the id of each text widget then assign to them exactly widths in a way that width_of_textwidget1+width_of_textwidget2<width_of_container. Then float will work.

[monico]

How do I determine the id of each text widget?

[Colin]

Use Firebug in Firefox, or Developer Tools in IE or Inspect Element in Chrome and these tools will tell you the id's of the elements.

Search for Firebug on Sayontan's blog for a bit more detail.

[monico]

Here is the page http://theaguiarteam.com/testhomedefult/

Ok here is the issue. It happens that the images I have placed in the text widgets are too big to showup side by side within the Ad Hoc. However they fit just fine inside widget area 1 in the custom template. These two widget areas should be the same size, right?

Is there a padding inside the main content area that might be causing the problem?

[drake]

If you change #ad-hoc-5 width to, let's say 650 px, immediately the widgets take the desired floating. Make note that I use "<" not "<=", sum of widgets widths needs to be strictly less than ad-hoc area width.