Slider div positioning crossbrowser problem.

I'm having cross-browser issues with a slide out div for the header of my webpage. it looks ok in Firefox, and is slightly off in IE (no top padding), but in Chrome/Safari the main area is shifted down about 20 pixels. Can someone have a look at my page/css and let me know if there's anything I can do?

http://westside.metrovancouverproperties.com/header_bak.php

Thank you!
jameshuckabonetechAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
vimalrajaConnect With a Mentor Commented:
The ".slide-out-div" has a padding-bottom of 20px, if you remove the padding, it slide out tab should work fine, I guess. The only problem then would be that there would not be any space below the share icons. :)
0
 
Tyler LaczkoCommented:
in your style css try


* {
margin: 0px;
padding: 0px;
}
0
 
jameshuckabonetechAuthor Commented:
It seemed to kind of work the first page load, but then I refresh and the problem comes back?!?! I've cleared cache, etc. and it doesn't work. I've left it with the change. Do you see what I mean?
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
LZ1Commented:
I would definitely start with a reset sheet:
http://meyerweb.com/eric/tools/css/reset/index.html

Make this the first CSS call in your page, then call the rest of your CSS.

I did try it in Chrome and Firefox and it looked fine.
0
 
jameshuckabonetechAuthor Commented:
hmm,

Ok, I did that (thanks by the way, that's a handy set of rules) and I still get the problem. Arrg. Do you not see a 20 pixel high blue bar across the whole length of the banner in chrome/safari?
0
 
LZ1Commented:
It looks like there maybe something setting the inline-style wrong.  In FF it's -115px from the top and in Chrome it's only -89px from the top.  

Can you post your script that your using here?
0
 
jameshuckabonetechAuthor Commented:
Thank you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.