<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

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

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

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

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

Подписавшись по 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

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