Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю:
Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было:
Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону. Как сделать, чтобы оба файла выглядели одинаково?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Воздушное отопление в Краснодаре | ООО СКС</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="http://climsys.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://climsys.com/favicon.ico" type="image/x-icon" />
<meta name="description" content=" Компания выполнит профессиональный монтаж воздушного отопления в Краснодаре, с опциями кондиционирования, вентиляции, электронной очистки воздуха. На базе оборудования Goodman, Lennox, оборудования иных производителей."/>
<meta name="keywords" content="Воздушное отопление в Краснодаре, монтаж воздушного отопления">
</head>
CSS:
body {
padding:0px;
margin:0;
background: none;
font-size:22px;
font-family: Calibri, Arial;
padding:0px 20px 0px 20px;
}
#basic {
width:1200px; /* Ширина сайта */
height:100%; /* Высота сайта 100% */
margin:0 auto;
padding:5px 20px 20px 20px;
background: #fff;
color: #404040;
}
Большое спасибо за помощь!
На всякий случай прикрепил оба файла к письму.
index.html
style.css