Top of page "masthead" problem

hello

i am having a problem with the masthead or head the page. i put a banner up in the right hand side of the page today and noticed when i minimize the page it goes whacky "overlayering images" and also if i go some other computer and resolution ia different on that computer it does it too.

here have a look http://www.blockboyradio.com 

then minimize the page on your computer or make the page smaller and this is where the problem resides. 

does anyone know a fix for this or knows how to fix this problem?

thank you very much

i also have a problem with the ocra forum. click on it and see

1. Banners use a percentage of the screen for display alignment. Because of this, banners will look wrong most of the time. Best solution is to put the banner code directly into the header file (_sub_header.html, not _header.html); search the forums for a how-to.
2. Template is not compatible with your version of Dolphin. Contact the developer.

Would help more, but I'm mobile right now.

Well, I will give that a try Naton and see if it will work. I will let you all know the outcome.

The template I am using is a dolphin template. I didn't use another template. I am just building on the template that came with dolphin on install. I have seen this problem on other dolphin websites but I think the developers on those websites aren't aware of this problem because it only happens when you minimize the page.  What I'm talking about is when you minimize the page to a smaller page and you go down to the bottom of the page and slide the slider to the right and look up in the right hand corner of the page you will see that the masthead does't fill the page all the way across to the right.  Which leaves a space of nothing, it doesn't stretch all the way across the page.

Thanks for the help you all! 

seriously i am not going to waste time in this. did you see my post here http://www.boonex.com/forums/topic/Website-width-a-big-LOL.htm

its not just a problem with dolphin even google has the same problem.

Well, prashank this is a issue with me because it makes my site look unprofessional and really that means a lot to me.

As far as this goes, i think there should be a fix for this, all it needs is for the right person to look at are posts about this and help walk us through this. LOL! I know this can be fixed.

I just noticed this forum has the same problem lol minimize this forum page right now and you will see it in the right top hand corner when you slide the page to the right with slider at the bottom.

Someone needs to look into this, like a professional and get this fixed!

ya i know this forum has the same issue. The only solution i can think right now is to set every width in %. Good luck for your solution.

Thanks and good luck to you to prashank!

I think a boonex expert should have a look at this! Need to write a ticket for this issue 

The banner system in dolphin uses absolutely positioned divs. Using this method you will not be able to fix it. The reason is it is a browser issue, not a problem with the website.

What happens is the browser will position the div using the specified settings for top and right margin based on the width of the current visible browser window. When you scroll to the right the browser will not reposition the div, so it is a browser issue and they all do it.

The only way to fix that problem is not to use the banner system for that banner. Instead the code to display the banner should be put in the template as nathan suggested and then set the width of the div named div.sys_ml large enough to hold both the logo and the banner. This way the width is fixed and will act as expected when the browser is made smaller than the actual page.

No ticket needed. This is not a bug. It's how absolutely positioned floating divs function. And will function the same way on any site that uses them, such as google as Prashank25 pointed out.

 Well, Paton and Deano I didn't have any luck searching for this in the forum. I don't know to much yet about code!

 I need to know how and what to add in the _sub_header.html. Deano said, "then set the width of the div named div.sys_ml large enough" but how do set the width or how do you do this?  Sorry I don't understand.  Can you explain?

LOL! And I been taking notes!

like always  i am having fun trying to figure this 1 out lol

thats what makes it so interesting!