не могу найти ошибку

Курсы §7. [Архив] Знакомство с CSS
1

Общие стили для документа и блоков, менять не надо

body {
width: 450px;
margin: 0;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;

}

.logo,
.contacts,
.about-us,
.main-menu,
.footer {
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
border: 2px solid #cccccc;

}

Собственные стили блоков

.header {
min-height: 40px;
margin-bottom: 20px;

}

.logo {
float: left;
width: 230px;
text-align: center;
background-color: #333333;
color:#ffffff;
font-weight: bold;

margin-bottom: 20px;
font-family: Arial, sans-serif;
font-size: 14px;

}

.contacts {

float: right;
width: 110px;
font-size: 14px; 
text-align: center;
font-style: italic;
background-color: #333333;
color:#ffffff;
font-family: Arial, sans-serif;

}

.about-us {
width: 230px;
margin-bottom: 20px;
float: left;
font-family: Arial, sans-serif;
}

.about-us h1 {
font-size: 20px;
}

.about-us p {
font-size: 12px;
font-family: Arial, sans-serif;
}

.main-menu {
width: 110px;
float: right;
font-size: 14px;
font-family: Arial, sans-serif;
}

.footer {

width: 410px;
clear: both;
background-color: #333333;
color:#ffffff;
font-family: Arial, sans-serif;
font-size: 14px;

}

2

Уберите ширину у футера.

3

убрать 410px ?

4

Да, убирайте.

5

https://htmlacademy.ru/upload/files/task_306/att_75dcf932c805c251cc48d4f1061d7ec9.png?0.2662741069645631
вообще все разбежалось

6

Не может быть. Что-то не то вы убрали.
Должно быть так:
.footer {
/width: 410px;/
clear: both;
background-color: #333333;
color:#ffffff;
font-family: Arial, sans-serif;
font-size: 14px;
}

7

да все то убирал.до этого было так
https://htmlacademy.ru/upload/files/task_306/dif_2a4ca4763a228e4d72a20b934c681791.png?0.43906747768293164

8

Последнюю версию кода текстом, пожалуйста.

9

Общие стили для документа и блоков, менять не надо

body {
width: 450px;
margin: 0;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;

}

.logo,
.contacts,
.about-us,
.main-menu,
.footer {
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
border: 2px solid #cccccc;

}

Собственные стили блоков

.header {
min-height: 40px;
margin-bottom: 20px;

}

.logo {
float: left;
width: 230px;
text-align: center;
background-color: #333333;
color:#ffffff;
font-weight: bold;

margin-bottom: 20px;
font-family: Arial, sans-serif;
font-size: 14px;

}

.contacts {

float: right;
width: 110px;
font-size: 14px; 
text-align: center;
font-style: italic;
background-color: #333333;
color:#ffffff;
font-family: Arial, sans-serif;

}

.about-us {
width: 230px;
margin-bottom: 20px;
float: left;
font-family: Arial, sans-serif;
}

.about-us h1 {
font-size: 20px;
}

.about-us p {
font-size: 12px;
font-family: Arial, sans-serif;
}

.main-menu {
width: 110px;
float: right;
font-size: 14px;
font-family: Arial, sans-serif;
}

.footer {

clear: both;
background-color: #333333;
color:#ffffff;
font-family: Arial, sans-serif;
font-size: 14px;

}

10

это когда все разбежалось

11

Ничего не разбежалось. Ваш код дает 100%. Сохраните код и попробуйте обновить страницу.

12

и сохранял и перезагружал страницу, так все и осталось

13

Попробуйте другой браузер.

14

сделал все в опере 100% результат. большое спасибо за помощь. еще спросить хотел если свойство font-family: Arial, sans-serif; находится в bodi, оно разве не распостраняется на все стили что внутри bodi.

15

или это несовместимости браузеров

16

Да, font-family наследуется из body, если больше нигде не переопределено.

17

почему мне пришлось везде вставлять стиль текста, он не совпадал, это могло быть из за браузера? просто пытаюсь понять на будущее

18

Вряд ли из-за браузера, не знаю даже.

19

а сразу у вас каком браузере не получалось?

20

мозила фаер фокс