Jump to content
Sign in to follow this  
MissT

Safari issue and YUI CSS Reset

Recommended Posts

MissT+    4
MissT

On my site http://www.petergallimoremedia.co.uk I've reduced the bottom margin on the logo in the header to move it down so it displays into / near the menu nav below. This looks good in Firefox and IE but in Safari the company logo displays further down so I've added safari specific css to improve this. However I can't get it quite right, the logo seems to jump to above the menu nav or below it and into the graphic below when you change it by 1px. I'm using YUI CSS Reset (Contextual) in the Custom code - Headerscripts Code area (http://yuilibrary.com/yui/docs/cssreset/) - to help with cross browser issues and I'm using the Pagelines Browser Specific CSS plugin to allow me to add some specific css for Safari. There seems to be a difference when the YUI CSS Reset code is implemented in Safari compared with Firefox and IE. So two questions initially... 1) Have I put the YUI CSS Reset code is the right place? 2) Is there another way I can move the logo down instead of reducing the bottom margin on the logo image that perhaps wont cause these issues in Safari? Thanks in advance, Tracy. @-)

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Tracy, Would it be possible for you to take a screenshot of how this is supposed to look, as when I view it in Chrome, Firefox and Safari, I am seeing the layout differently.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
MissT+    4
MissT
Thanks Danny, I've not looked at it in Chrome yet! Here is a shot of it in Firefox 10.0.2 - this is how I want the top to look, the logo is in the right position here... http://www.simondesign.co.uk/petergallimore/petergallimoresite.jpg Cheers.

Share this post


Link to post
Share on other sites
catrina    103
catrina
1) Yes, you did place the YUI code in the right place (Headerscripts Code). 2) I don't know any way other than with the margin. Have you considered increasing the top margin?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
MissT+    4
MissT
Thanks for that suggestion Catrina, I've adjusted the margins elsewhere and added some more browser specific code and it's looking a lot better now. Liking the Pagelines Browser Specific plugin - works a treat! :) Thanks again, Tracy.

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  

×