http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 19 May 2013 18:34:27 +0000 http://themeshaper.com/forums/topic/new-widget-area-gone-in-ie6-under#post-11287 Thu, 08 Apr 2010 06:44:31 +0000 Seijun 11287@http://themeshaper.com/forums/ <p>It turns out that in ie6 and under if an element with absolute positioning is side-by-side with a floated element, the one with AP can sometimes vanish. To solve this something needs to be placed between the two or around one to make a "buffer". In this case, I just moved the header-aside AP style over to the widget IN my header aside (I only use it for one widget). </p> http://themeshaper.com/forums/topic/new-widget-area-gone-in-ie6-under#post-11274 Wed, 07 Apr 2010 23:12:48 +0000 Seijun 11274@http://themeshaper.com/forums/ <p>I added a new widget area with this code:<br /> <pre><code>// This will create your header-aside widget area function add_header_aside($content) { $content[&#39;Header Aside&#39;] = array( &#39;args&#39; =&gt; array ( &#39;name&#39; =&gt; &#39;Header Aside&#39;, &#39;id&#39; =&gt; &#39;header-aside&#39;, &#39;before_widget&#39; =&gt; thematic_before_widget(), &#39;after_widget&#39; =&gt; thematic_after_widget(), &#39;before_title&#39; =&gt; thematic_before_title(), &#39;after_title&#39; =&gt; thematic_after_title(), ), &#39;action_hook&#39; =&gt; &#39;thematic_abovemainasides&#39;, &#39;function&#39; =&gt; &#39;thematic_header_aside&#39;, &#39;priority&#39; =&gt; 8, ); return $content; } add_filter(&#39;thematic_widgetized_areas&#39;, &#39;add_header_aside&#39;); // And this is our new function that displays the widgetized area function thematic_header_aside() { if (is_sidebar_active(&#39;header-aside&#39;)) { echo thematic_before_widget_area(&#39;header-aside&#39;); dynamic_sidebar(&#39;header-aside&#39;); echo thematic_after_widget_area(&#39;header-aside&#39;); } }</code></pre> <p>and styled with this<br /> <pre><code>#header-aside{ position:absolute; top:19px; right:18px; text-align:right; } #header-aside .widget_text h3{font-size:12px;}</code></pre> <p>In ie6 and under, the widget area is gone. It's still there in the source code, but not on the page.<br /> Website is <a href="http://wolfdogrescue.net/adoption/all-available/" rel="nofollow">http://wolfdogrescue.net/adoption/all-available/</a> </p>