Jump to content
Sign in to follow this  
hireconrad

Banner Spacing Different Between Chrome and Firefox/Opera

Recommended Posts

hireconrad    0
hireconrad

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
James B    436
James B

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;

}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
hireconrad    0
hireconrad

@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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hireconrad    0
hireconrad

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×