Banner Spacing Different Between Chrome and Firefox/Opera

[hireconrad 0]

Hi,

i am having an issue with spacing between chrome (which looks the way i want it to) and firefox/opera which is adding additional space. I have dug into firebug a lot and cannot figure out why it looks different between browsers.

Please check out my site:

hireconrad.com/hireconrad/buyers/

The issue is located below the "Purchase a Condo" banner and above the "Purchase a House" image.

See attached images displaying the issues.

[James B 436]

Hi Conrad

The only way I can seem to get right of the spacing is to use the following code. You might have to tailor it to only work on certain browsers if the results make it look worse in Chrome.

#banner-content

.no-margin-top {

    margin-top: -60px;

}

[hireconrad 0]

@James B,

that code effects all browsers (firefox positively, chrome/safari negatively).

I was playing around with firebug and I found the issue, but not sure why its causing the problem:

their is a paragraph tag above the image, and the following css is effecting it:

p:before {overflow:hidden;}

i have changed it to p:before {overflow:visible;} and it seems to have fixed it.

[Danny+ 1,327]

Hi,

It would appear that each of these banners has a custom div and js in them. Therefore, this is not an issue with PageLines banners section but an issue with the custom code that has been added. I would contact the person who add the code. As we can not support third party customisation to our code, sections etc...

To make sure of this, I just created 10 banners on one of my test site's and viewed the spacing on Opera, Safari, FireFox and Chrome the distance is the same.

[hireconrad 0]

i added the div, but i dont even know JS so I didn't add anything extra to whats already there.

[Rob 547]

It may simply be, I'm sorry to report, a need to implement custom CSS with this plugin installed and activated: http://www.pagelines.com/store/plugins/browser-css

It will allow you to implement CSS on a browser basis. You can standardize the code for all the major and minor browsers using it.