September 25th, 2013, 11:29 PM
-
CSS logo positioning issue
First of all, I'm new to CSS and working on my first site so excuse my lack of knowledge and poor coding.
Code:
http://www.completethai.com/Josh/index.html
I'm having trouble with the positioning of the logo in the top left. In Dreamweaver and Internet Explorer the logo is displayed right against the top of the page. However, in Chrome and Firefox it's pushed down about ~10 pixels, and I can't figure out why this discrepancy exists. I'm sure it's a result of my bad CSS and a relatively simple fix, I just don't know what it is.
Any help would be greatly appreciated, thanks in advance.
September 26th, 2013, 11:41 PM
-
September 27th, 2013, 12:33 AM
-
get rid of your *{margin:0 auto;}
and try adding margin:0;padding:0; to your html, body{} css
then setup a .center class and use margin:0 auto;text-align:center; in it for anything that you want to actually center.
that would be my advice.
September 30th, 2013, 11:23 PM
-
The universal selector was the root of the problem, got rid of it and coded elements individually like you said and it fixed it.
Thanks for the help, appreciate it.