Link to home
Create AccountLog in
Avatar of jameshuckabonetech
jameshuckabonetech

asked on

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!
Avatar of Tyler Laczko
Tyler Laczko
Flag of Canada image

in your style css try


* {
margin: 0px;
padding: 0px;
}
Avatar of jameshuckabonetech
jameshuckabonetech

ASKER

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?
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.
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?
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?
ASKER CERTIFIED SOLUTION
Avatar of vimalraja
vimalraja
Flag of India image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Thank you