• 0

Safari acting up. all other browsers work fine


Question

Posted · Report post

Hi guys! 

 

I am using: 2.0.3 DMS2.
Site: dahlenborgdesign.dk

 

 

I have placed a container with an image module inside. All this is placed in front of a full width background. 

In order to move the image down a bit i have just made the image taller with a transparent background. 

The problem is that in safari on my mac the image is showing up below the full screen background. 
And just to put a curl on this problem, when you resize the browser, it jumps backs in view!! 

 

How can i make it display properly cross browsers?

 

Best regards

Anders Nielsen

 

 

Share this post


Link to post
Share on other sites

10 answers to this question

  • 0

Posted · Report post

Hello Andersdn11

 

have you managed to resolve this? The site looks the same in chrome and safari.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

no, but maybe its just my browser acting up?

 

record5.gif

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

\how big is your screen?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry for the late reply. Im on a 15 inch macbook pro.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK, I can't see what is causing this. However, why do you not simply add those logos to the background image ? That's what I would do.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Well then i don't get that nice fade-in effect which gives attention to the logo and tagline. 

 

Can you recall the same error on your mac or am i the only one getting it ? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I get the same issue. However, I can't even debug it, as soon as I load up the inspection tools in Safari the image goes into the position it's supposed to.

 

Therefore, can you send me the images please so I can try this on one of my test sites.

 

danny at pagelines dot com

 

Also, you're using the MediaBox section for the logo/branding image correct ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK, this isn't really a browser issue from what I can see. For me, you should incorporate both images and merge them into one, that is the only way you can do this so it works effectively on all browsers/devices.

 

The problem is that you have a large space at the top of your image which is likely the cause and Safari doesn't like it. If I'm totally honest, I'm surprised it's working correctly in FF and Chrome.

 

So to make it work suitably on all devices/browses, merging the images into one is the best alternative, I can give you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you have any other solution...I am having the same issue and need this resolved ASAP.  The answer giving above is really not an option for what I need.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Well the issue isn't really an issue, it just the way the user had his images. If you want to resolve this you will need to use CSS for the Safari browser specially. You can do this by using the DMS Pro Tools Browser specific CSS option and then prefix the CSS with the safari class.

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