<MyRusakov.ru />

Создание и раскрутка сайта от А до Я

Создание и раскрутка сайта от А до Я

Видеокурс "Создание и Раскрутка сайта от А до Я" - это 246 видеоуроков общей продолжительностью более 50-ти часов по теме создания, размещения в Интернете и раскрутке сайта.

В уроке рассмотрены следующие необходимые любому профессиональному Web-мастеру языки: HTML, CSS, JavaScript, PHP, SQL (с использованием MySQL) и XML.

Помимо этого в Видеокурсе рассматривается самая популярная система управления контентом - Joomla.

Также в Видеокурсе "Создание и Раскрутка сайта от А до Я" показывается весь процесс создания реального сайта - MyRusakov.ru. Затем демонстрируется его размещение в Интернете, а также последующая раскрутка. Всё это записывается, и Вам остаётся лишь просто повторить, чтобы стать владельцем своего собственного сайта!

И, наконец, почти к каждому уроку идут упражнения, которые позволяют закрепить полученные знания из урока уже на практике.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Проблемы с центрированием сайта
06.06.2014 18:25:04 Проблемы с центрированием сайта Сообщение #1
Sebastian69

Sebastian69

Новичок

Новичок

Дата регистрации:
20.11.2013 23:06:56

Сообщений: 9

Уважаемые, помогите пожалуйста. Есть следующий CSS-код:

* {
    margin: 0;
    padding: 0;
    border: 0;
   }
body {      
   overflow-x: hidden;
   text-align: center;
    } 
#wrapper{
   min-width: 1024px;
   margin: 0 auto;
   text-align: left;   
   }
header {
   position: absolute;
   height: 120px;
   width: 100%;
   background-image: linear-gradient(red, orange);
   }   
section {
   position: absolute;
   top: 120px;
   }

При этом при изменении масштаба контент смещается влево, а не остается по центру.

При изменение в #wrapper  min-width: 1024px;  на  width: 1024px;  контент при изменении масштаба центрируется, но header перестает полностью заполнять всю страницу и обрубается.  При 100% масштабе обрубается справа, при 90% - с обеих сторон, а при 75% - слева. 

Если убираю overflow-x: hidden; то просто появляется полоса прокрутки, а header все так же обрезан.

Помогите, пожалуйста, центрировать контент, и сделать, чтобы слои растягивались на всю ширину при любом масштабе и разрешении.

Вот html код страницы, если нужен:

<!DOCTYPE html>
<html>
<head>
   <meta charset = "utf-8">
   <title> Строительство домов </title>
   <link type = "text/css" rel = "stylesheet" href = "style.css">
   <meta name = "discription" content = "Строительство домов">   
</head>
<body>
   <div id = "wrapper">
   <header>   
      <div id = "zastroika" style = "position: absolute; left: 25px; width: 320px; top: 30px; text-align: center">
         <span style = "color: white; font-family: Georgia; font-size: 26px; font-weight: bold;">
         ZASTROIKA.RU
         </span>
         </br>
         <span style = "color: white; font-family: Georgia; font-size: 16px;">
            Строительство домов под ключ
         </span>
      </div>
      <div id = "phone" style = "position: absolute; width: 320px; top: 40px; left: 850px;"> 
         <span style = "color: white; font-family: Arial; font-size: 20px;">
            7 (999) 999 99 99
         </span>
      </div>
   </header>      
   <section>
      <img src = "img/house1.jpg" alt = "house1">
   </section>
   </div>
   
</body>
</html>
Профиль Ответить
22.08.2014 19:17:57 Проблемы с центрированием сайта Сообщение #2
katushka

katushka

Освоившийся

Освоившийся

Дата регистрации:
04.11.2012 07:13:39

Сообщений: 24

Никто не будет разбираться с вашим кодом. Если не получается исправить - значит нужно повторять базу и практиковаться.
Профиль Ответить