I thought I had the header widget positioned, but when i tested it in Firefox, it falls out of the layout container as seen on my website at http://frugalmommytoday.com
I put it in absolute position, but it still doesn't work. How can I get the widget area to stay inside the layout container?

How did you define it? ie what did you use and where did you put it.

I added:

#my_new_widget_area {border: none;
position: absolute;
right: 130px;
top: 0;
width: 200px;
text-align: center;
color: #8A5C2E;
font-family: 'Arial Black', Gadget, sans-serif;
}

to the ATO>Add HTML/CSS Inserts

you tried adding a widget with adding css
basically css is for 'styling' and widgets are 'function/content'
see they are different by nature?

Atahualpa is loaded with options .. more than about any other theme.
but that makes that this theme requires you to do some studying.
Most is already explained very well right inside the theme.

In other words .. most info is laid out there already, clearly explained, even accompanied with lots of examples .. but its up to us .. the users .. to do some legwork and read whats already explained right inside the theme.

In this case .. have a look at the 'Add new widgets AREAS' section ..
judging by the title, I suspect it might explain what you are looking for.

STB, I followed the instructions under the "Add New Widget Areas" in ATO. :-)
I added the div id for styling purposes.
But the widget is automatically postioned in the center bottom of the header area and I can float it right, but can't get it to the top. I even tried using the following:
<?php bfa_widget_area('name=My new widget area&cells=1&align=3'); ?>
to the "Style and Edit Header Area" but the align 3 didn't make a difference (according to the new widget area section, align 3 positions it to the top right. Am I doing something wrong?

Originally Posted by frugalmommytoday

STB, I followed the instructions under the "Add New Widget Areas" in ATO. :-)
I added the div id for styling purposes.
But the widget is automatically postioned in the center bottom of the header area and I can float it right, but can't get it to the top. I even tried using the following:
<?php bfa_widget_area('name=My new widget area&cells=1&align=3'); ?>
to the "Style and Edit Header Area" but the align 3 didn't make a difference (according to the new widget area section, align 3 positions it to the top right. Am I doing something wrong?

ah okay . I get what you mean now.
since you answered Juggledads question 'how you defined the widget area' ... with css code,
I took it that is how you tried definining the widget area itself... with css.

anyway .. tried following up on your last question, but it looks like you removed the widget area altogether.
I take you are working on the site .. I cant provide much more info right now since the widget area is gone.

I just wanted to mention that the align function for new widget areas aligns the contents of the area not the area itself. You generally create a widget area or areas and then you use CSS to style/position the widgets that go in them.

frugalmommytoday: I had the same problem and just managed to solve it. What worked for me was adding a simple float:left to the logoareas CSS, and something similar but float:right to the new widget area, see example below.

table#logoarea {
float: left;
clear: none;
width: 300px;
}

Hope that might help!