Marginesy dodane przez Google Chrome

Question

Witam, ostatnio stworzyłem prosty serwis internetowy, jednak wystąpił pewien problem, albowiem przeglądarka Google Chrome zmienia mi niektóre właściwości CSS, na przykład szerokości, marginesy, paddingi etc.. Używałem      !important, ale nie dawało to skutku. Może ktoś mi pomóc? kod CSS jest podany poniżej. Z góry dziękuję . 

/* Background pattern from Subtle Patterns */

body{
	background-image: url("img/bg1.png");
	font-fa1mily: 'Oswald', sans-serif;
}

img{
	float: left;
	width: 250px;
	height: 250px;
	margin: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	
}

h1{
	font-size: 50px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
	
}

p{
	margin: 0;
}

a{
	text-decoration: none;
	color: #eee;
}

#header{
	font-size: 70px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	color: #006699;
	margin-top: 0px;
	
}

#nagl{
	color: #EE2222;
	
}

#content{
	width: 65%;
	margin-right: auto;
	text-align: justify;
	font-size: 23px;
	float: left;
	color: #eee;
	padding-bottom: 40px;
	
}

#contentt{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 80%!important;
	height: 400px;
		
}

#footer{
	float: left;
	text-align: center;
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	color: #006699;
	
}

#line{
	background-color: #ccc; 
	height: 2px; 
	width: 450px;
	margin-bottom: 20px;
}

.redhover:hover{
	color: #EE2222;
	cursor: pointer;
	transition: 500ms;
	margin-left: 15px;
	
}

.bluehover:hover{
	color: #006699;
	cursor: pointer;
	transition: 500ms;
	padding-left: 30px;
	padding-right: 25px;
	
}

ol{
	float: right;
	list-style-type: none;
	font-weight: 700;
	font-size: 40px;
	color: #eee;
	padding-bottom: 0px!important;
	
}

ol > li{
	border-top: 2px solid #fff;
	padding: 15px 60px;
	padding-left: 15px;
	
}

ol > li:first-child{
	border: none;
	
}

 

Answer 1

Używaj normalize.css

http://blog.end3r.com/131/normalize-css-nie-resetuj-normalizuj/

font-fa1mily: 'Oswald', sans-serif;

Tak przy okazji, masz tu literówkę -> font-fa1mily

Comments

Dzięki :)

---

Jeszcze jedno, nie działają teraz, jak zresztą wcześniej też animacje elementów nawigacji. Pomożesz?

.redhover:hover{
	color: #EE2222;
	cursor: pointer;
	transition: 500ms;
	margin-left: 15px;
	
}

.bluehover:hover{
	color: #006699;
	cursor: pointer;
	transition: 500ms;
	margin-left: 15px;
	
}

 

---

Znaczy... nie działa, jak wrzucam na serwer, lokalnie jest wszystko w porządku. Sam zobacz http://robot-ostr.prv.pl/