• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 272
  • Last Modified:

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!
0
jameshuckabonetech
Asked:
jameshuckabonetech
1 Solution
 
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
 
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
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
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
 
vimalrajaCommented:
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
 
jameshuckabonetechAuthor Commented:
Thank you
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now