Marginesy dodane przez Google Chrome

pytanie zadane 2 maja 2017 w HTML i CSS przez Helmik Użytkownik (680 p.)

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;
	
}

1 odpowiedź

odpowiedź 2 maja 2017 przez jpacanowski VIP (101,940 p.)

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

komentarz 2 maja 2017 przez Helmik Użytkownik (680 p.)

Dzięki :)

komentarz 2 maja 2017 przez Helmik Użytkownik (680 p.)

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;
	
}