Выравнивание div'ов

[IvanRu08]

Привет, друзья! Заинтересовался версткой. Это первая попытка. Возник вопрос с позиционированием трех div в одну строку. Пробовал разные варианты Display, не помогает. Float: left частично решает проблему, но работает не во всех браузерах. Собственно, сайт. Вот ccs код. Помогите, пожалуйста!

* {	margin: 0;	padding: 0;}@font-face {	font-family: seqoe_wp_light;	src: url(Font/SegoeWP-Light.ttf);	font-family: seqoe_wp_regular;	src: url(Font/SegoeWP.ttf);}body {}.container {	margin: 0 auto;	width: 1249px;	height: 1499px;}header {	height: 89px;	padding-left: 141px;}.logo {	font-family: seqoe_wp_light;	font-size: 42px;		background: url(images/logo.png) no-repeat;	background-position: 0px 19px;	padding-top: 17px;	padding-left: 59px;	padding-bottom: 3px;}.logo a {	color: #000000;	text-decoration: none;}/*Навигация*/.menu {	margin-left: 571px;	position: relative;	top: -22px;}.menu ul {	font-family: seqoe_wp_regular;	font-size: 20px;}.menu ul li {	display: inline; 	padding-right: 37px;}.menu ul li a {	color: #6c6c6c;	text-decoration: none;	padding-bottom: 14px;}.menu ul li a:hover {	border-bottom: 2px solid #5094f2;}/*Баннер*/.banner {	height: 481px;	background: url(images/banner.jpg);}.advert {	width: 407px;	color: #ffffff;	font-family: seqoe_wp_light;	font-size: 26px;	margin-left: 626px;	padding-top: 145px;}.advert span {	font-family: seqoe_wp_light;		font-size: 42px;}.banner_button { 	display: inline-block;	font-family: seqoe_wp_light;	font-size: 22px;	border-radius: 2px;	padding-top: 11px;	padding-bottom: 11px;	padding-left: 45px;	padding-right: 11px;	margin-left: 638px;	margin-top: 35px;}a .banner_button {	color: #ffffff;	text-decoration: none;    background:  url(images/banner_button.jpg) no-repeat 11px 13px;	background-color: #5094f2;}/*Блоки для контента*/.main_content {	font-family: seqoe_wp_light;	padding-top: 65px;	display: inline-block;}.content {	width: 248px;	font-family: seqoe_wp_light;	font-size: 20px;	color: #5094f2;	text-align: center;	margin-left: 142px;}.content:fisrt-child {	float: none;}.content img {	padding-bottom: 17px;}.content p {	padding-top: 4px;	color: #909090;	font-size: 14px;}/*Информация.information {	margin-top: 91px;	padding-left: 67px;	font-family: seqoe_wp_regular;}.cart span {	font-size: 42px;	color: #6f7173;}.cart img {}*/

[Aleksandr.L]

Float: left частично решает проблему, но работает не во всех браузерах.

 

Float везде работает.

 

[Z1gnet]

Display, не помогает. Float: left частично решает проблему, но работает не во всех браузерах

и дисплей помогает и флоат работает во всех браузерах. не знаю что и как вы там  писали.. ну лучше один раз увидеть чем 100 раз услышать. вот пример http://codepen.io/Z1gnet/pen/RNLrGp

[Aleksandr.L]

Можешь еще flexbox попробовать, или display: table-cell.

[IvanRu08]

Спасибо огромное всем за ответы! Видимо забыл кэш почистить.