Archived

This topic is now archived and is closed to further replies.

  • 0

Banner Spacing Different Between Chrome and Firefox/Opera

Question

Posted · Report post

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.

chrome.jpg

firefox.jpg

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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;

}

Share this post


Link to post
Share on other sites

Posted · Report post

@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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites