right banner positioning

Hey guys, I'm trying to put a right banner in place and am having trouble with the positioning.  The default places it absolutely positioned based off the right and top of the window.  So if i resize the window the banner stays right next to the scrollbar no matter how wide you go and if you resize small it appears over the website content.  What I am wanting is for it to be positioned to the right of the content and not move when the window is resized.

I had to do some manipulation for the top banner to get the effect i wanted and actually placed the "<bx_injection:banner_top />" inside my "<div class="sys_ml_wrapper">" to have it stay in he header to avoid similar problems, but I'm not sure how to handle the right banner, I don't even know where it appears in a file and if it appears in multiple files.

Quote · 29 May 2010

hi,

did you try to take a left banner and work it out with the hshift in the settings

f.e. my complete site is left position and my right banner is in the settings a left banner with hshift 1010

so it is always right from the site

ue30 Mods - http://www.boonex.com/market/posts/ue30
Quote · 29 May 2010

Hey guys, I'm trying to put a right banner in place and am having trouble with the positioning.  The default places it absolutely positioned based off the right and top of the window.  So if i resize the window the banner stays right next to the scrollbar no matter how wide you go and if you resize small it appears over the website content.  What I am wanting is for it to be positioned to the right of the content and not move when the window is resized.

I had to do some manipulation for the top banner to get the effect i wanted and actually placed the "<bx_injection:banner_top />" inside my "<div class="sys_ml_wrapper">" to have it stay in he header to avoid similar problems, but I'm not sure how to handle the right banner, I don't even know where it appears in a file and if it appears in multiple files.

Can you explain in a bit more detail your mod for the top banner position? It's causing me too many late nights! Thank you!

Quote · 29 May 2010

Hey guys, I'm trying to put a right banner in place and am having trouble with the positioning.  The default places it absolutely positioned based off the right and top of the window.  So if i resize the window the banner stays right next to the scrollbar no matter how wide you go and if you resize small it appears over the website content.  What I am wanting is for it to be positioned to the right of the content and not move when the window is resized.

I had to do some manipulation for the top banner to get the effect i wanted and actually placed the "<bx_injection:banner_top />" inside my "<div class="sys_ml_wrapper">" to have it stay in he header to avoid similar problems, but I'm not sure how to handle the right banner, I don't even know where it appears in a file and if it appears in multiple files.

Can you explain in a bit more detail your mod for the top banner position? It's causing me too many late nights! Thank you!

I created a new template folder (if you already have on use it)  I then copied the _sub_header.html from the base tempalte to my template folder.  I then changed the following:

<bx_include_auto:_header.html />

<bx_injection:banner_left />
<bx_injection:banner_right />
__extra_top_menu__
<div class="sys_main_logo">
<div class="sys_ml" style="width:__main_div_width__;">
<div class="sys_ml_wrapper">
<bx_injection:injection_logo_before />
__main_logo__
<bx_injection:injection_logo_after />
</div>
</div>
<bx_injection:banner_top />
</div>

to

<bx_include_auto:_header.html />

<bx_injection:banner_left />
<bx_injection:banner_right />
__extra_top_menu__
<div class="sys_main_logo">
<div class="sys_ml" style="width:__main_div_width__;">
<div class="sys_ml_wrapper">
<bx_injection:injection_logo_before />
__main_logo__

<bx_injection:injection_logo_after />

<bx_injection:banner_top />
</div>
</div>

</div>

Then in my banner settings I have my adsense code wrapped with a div:

<div style="margin-left: 400px;margin-top: -75px;">

adsense script

</div>

adjust margin-left and margin-top accordingly.

this is what worked for my specefic banner.

Quote · 29 May 2010

Thanks for the tip! The only flaw I can see with positioning it to the right instead of the left in your example is when people use a browser window smaller than I'm developing this on. Then the content of the banner is pushed off the screen.

Is there a way, I wonder, of making the position absolute instead of relative to the window size?

Quote · 29 May 2010

Thanks for the tip! The only flaw I can see with positioning it to the right instead of the left in your example is when people use a browser window smaller than I'm developing this on. Then the content of the banner is pushed off the screen.

Is there a way, I wonder, of making the position absolute instead of relative to the window size?

The only way I've managed to do it is set the left margin to 50% which seems to be a decent workaround.

Quote · 29 May 2010
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.