Что за user agent stylesheet?

Question

[Денис Васильев]

Объясните, откуда берется этот user agent, и почему перекрывает свойства css. пытаюсь прописать float:left для 3х блоков, а они игнорируются!Я так понимаю это стандартный стиль браузера? сброс стилей не помогает (

Answer 1

[zooks]

User agent stylesheet - это стили браузера. В данном случае они устанавливают отображение в виде блока для тега <div>. На float это не влияет.

Comments

[Денис Васильев]

но мне этот display:block не нужен, можно как-то убрать? иначе float не срабатывает

[zooks]

Денис Васильев: float отлично срабатывает с display:block. Ищите проблему в другом.

[Денис Васильев]

настолько маленький css, что других проблем быть не может, не пойму в чем дело. CSS приложил

[Денис Васильев]

Аххах) прошу прощения! в самой верстке проблемы! dIv'ы прописал неправильно! Спасибо за ответ

[Виктор]

Скажу больше, float-блок сам по себе становится display: block, так что display на него никак не влияет в принципе.

Answer 2

[Денис Васильев]

@charset "utf-8";

div 

*{
	padding:0; margin:0;
}
img{
	border:none;
}
body{
	background:#dedbd6; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#969696; line-height:1.3;
}
h1, h2, h3, h4, h5, h6{
	color:#2e2c2d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.karkas{
	max-width:1200px; min-width:200px; margin:0 auto;
}
.head{
	padding:30px 30px 80px 0; overflow:hidden;
}
	.logo{
		float:left; margin:25px 50px 0 0;
	}
	.head h1{
		float:left; font-size:15px; color:#939393; margin:32px 0 0 0;
	}
	.head p{
		float:right; overflow:hidden;
	}
	.head p img{
		float:left; margin-left:10px;
	}

.content-wrapper {
	background:  #fff;
}

.menu {
	background: #e8e7e3;
}

	.menu ul {
		overflow: hidden; 
		padding: 30px; 
		font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	.menu ul li {
		float: left;
		list-style: none;
		margin-right: 10px;
	}
	
	.menu ul li a {
		text-decoration: none;
		color: #413f40;
		padding: 5px 20px;
	}
	
	.menu ul li a:hover {
		text-decoration: underline;
	}
	
	.menu ul li.active a {
		background: #f45300; 
		color: #fff;
		border-radius: 5px;
		border: 1px solid #c84502;
	}

.content-main {
	padding: 0 30px;
}

	.slogan-main {
		overflow: hidden;
	}
	
	.slogan {
		float: left;
		width: 33%;
	}