Banners Placement - Help!

I have uploaded several banners, but they aren't flowing with the fixed width.  I'd like for a banner to placed within the "body content" section of my index page (for example), and using the Admin Page tools, it shows up perfectly until I expand my browser, at which time it floats off the body content area.

Any advice?

Thanks!

You can set the top, left positions for banners in admin panel.

Hi - thanks.  I understand that you set the positioning, but it stays absolute, and doesn't flow with the fixed width when the browser screen is expanded.  Does this happen with you?

Thanks!

DM

If you set the top positions it will be fixed in a position. You can add it with dolphin template.

Seek a help of a programmer for this.

@dmossjr - did you find a solution to the fixed banner location? I don't think praveenkv1988 got the point. If a site developer is using say, a 1024 x 768 display and fixes the banner to show in the correct position for that, but a visitor using an 800 x 600 display will find it pushed to the right, probably covering the member menus if they are logged in.

Banner placement: I worked out how to move a banner into the space between a logo image and the member login (this is OK if your logo is small. See site for example:

http://www.communitynursesnetwork.com )

Save a copy of the original file templates/tmpl_uni/_header.html before you edit it or the copy.

Near the top, find the line __banner_left__ and cut and paste it into the middle of the topBlock div, like this:

<div class="topBlock">

__main_logo__

__banner_left__

__hello_member__

</div>

Then, using the banner positioning controls in the admin Tools, Banners section, check 'left' and use the horizontal and vertical pixel placements so that the top left corner is positioned correctly relative to the logo. The banner will then stay in place, even if window is resized.

Okay, Stevehards is onto something here, and he's found a solution that works with him.  While the majority of programs out there use a px count to place items and it's works fairly well, there is a much simpler way to deal with this that will give better results regardless of screen/window size that I've been using for a while now.  Specifically it's using a percentage (%) instead of a px count in your coding. 

width:75%;

vs.

width: 960px;

Note, the 75% will apply and be automatically adjusted regardless of the browser window/screen size that the end user is using and thus result in much better resolution and it actually loads the page faster than a px count loads it.  Web 2.0 made this option available across the board in all browsers and it works amazingly well.  Just give it  a try and you'll see how easy it is to use in comparison to the px counts.  In additon, you can use a decimal within the % to help place things even more specifically and also a postion:absolute; command to help hold things where you want them and avoid the placement over top of other things issue.

Hi mydatery, I looked at trying to set a % before I came up with my fix, but I couldn't see where to put it. The banner placement boxes stripped out the % sign. So where in the coding do you put it??

I'm on the wrong computer to answer this right now, as soon as my better looking half relinquishes MY laptop I will be happy to post an example of a css file that I use percentages in to manipulate placement and such of items.  The kewl part of using a  %  is that you can actually use a negative % such as -15% to pull something back towards the left or you can go over 100% and create full width and such on a column page by use 200% or 300% and overflow visible instead of trying to fight with px count when all monitors have different width screens, drove me nuts trying to line up with px counts. 

I will post a css file that uses it though a little later for you tonight.

Great, thanks! No raging hurry, though. (Isn't that a nice change! )