Jump to content


Photo
- - - - -

Safari acting up. all other browsers work fine

safaribrowser image margin

  • Please log in to reply
8 replies to this topic

#1 Andersdn11

Andersdn11

    Newbie

  • Members

  • 9 posts
  • Framework Version:2.0.4
  • Country: Country Flag

Posted 16 April 2014 - 07:13 PM

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

 

 



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 17 April 2014 - 12:15 AM

Hello @Andersdn11

 

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



#3 Andersdn11

Andersdn11

    Newbie

  • Members

  • 9 posts
  • Framework Version:2.0.4
  • Country: Country Flag

Posted 17 April 2014 - 12:59 AM

no, but maybe its just my browser acting up?

 

record5.gif


#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 17 April 2014 - 01:07 AM

\how big is your screen?



#5 Andersdn11

Andersdn11

    Newbie

  • Members

  • 9 posts
  • Framework Version:2.0.4
  • Country: Country Flag

Posted 20 April 2014 - 10:14 PM

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



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 April 2014 - 10:17 AM

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.



#7 Andersdn11

Andersdn11

    Newbie

  • Members

  • 9 posts
  • Framework Version:2.0.4
  • Country: Country Flag

Posted 21 April 2014 - 11:04 AM

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 ? 



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 April 2014 - 12:44 PM

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 ?



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 May 2014 - 10:23 AM

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.







Also tagged with one or more of these keywords: safaribrowser, image, margin