Hi all,
I have recently added 2 new widget positions; one left and one right to display ads beside my blog content. This seemed to work fine at first but now I cannot get the right widget position to stay right.
Site url: http://finebeats.com
Theme: Scarlett Theme
Here is the code I added:
To header.php (after <body> and before <div id="wrapper">)
<div id="wrapper2"></p>
<p><div id="side_ads_left"><br />
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("widgetized-ads-left") ) : ?><br />
<?php endif; ?><br />
</div></p>
<p><div id="side_ads_right"><br />
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("widgetized-ads-right") ) : ?><br />
<?php endif; ?><br />
</div>
To styles.css:
/* The Outer cover */</p>
<p>#wrapper2 {<br />
width:100%;<br />
margin:0 auto;<br />
background:#14181A;<br />
}<br />
#side_ads_left {<br />
Float:left;<br />
position:fixed;<br />
padding-top:37px;<br />
z-index:350;<br />
width:120px;<br />
margin:0 auto;<br />
background:#14181A;<br />
}<br />
#side_ads_right {<br />
Float:right;<br />
position:fixed;<br />
z-index:350;<br />
width:120px;<br />
margin:0 auto;<br />
background:#14181A;<br />
}
I have spent a few hours trying to get the side_ads_right div to float right but it just keeps laughing at me!
Please could someone tell me what I'm doing wrong!
Thanks