Футер и Хэдер хорошо, но между ними не то

[Vodovarov]

Мало опыта в верстке, подскажите, в чем может быть трабл...

При уменьшении размера окна если ширина меньше 1024 то справа от основного блока появляется растущая белая полоса, но она не нужна... 

В футере и хэдере её нет.

 

* {margin: 0;padding: 0}html {height: 100%;}header, nav, section, article, aside, footer,span {display: block;}body {height: 100%;background: linear-gradient(to top, #fff 0%, #fff 28%, #74c6dc 100%);background: -webkit-linear-gradient(bottom, #fff 0%, #fff 15%, #74c6dc 100%);background-repeat: no-repeat;font-family: 'Segoe UI', Helvetica, Arial;}#wrapper {margin:0 auto;min-height:100%;height:auto !important;height:100%;width:100%;/*  position:relative; */min-width:1024px;}.maxw{margin:0 auto;min-width:574px;max-width:1920px;display: inline-block;}.img_top_right{display: inline-block;float:right;/*  position: absolute; */border-right: 1px;/*     top: -155px; */}header {    width:100%;height:150px;background:#73c6db;     min-width:1024px;}section {width:100%;padding:0 0 100px;height:1%;position:relative;min-width:1024px;}section:after {content:'';clear:both;display:table;}#container {width:100%;float:left;overflow:hidden;}article {padding:10px 370px;/* background:#F7E503; */margin-bottom:100px; /* регулирует западание статьи относительно футера*/margin-left:100px;min-height:500px;color:#050872;font-size:95%;min-width:1024px;}h1 {font-size:30px; font-weight: normal;text-shadow: 1px 1px 1px white; }#s_left {float:left;width:320px;;margin-bottom:100px;/* регулирует западание меню относительно футера*/position:relative;/* background: #08D6FF; */min-height:500px;}#s_right {float:left;margin-right:-3px;width:0px; /* было 250*/;position:relative;/* background:#08D6FF; */min-height:500px;}footer {margin:-210px auto 0;min-width:30%;max-width:100%;height:292px;/* background:#FF6408; */background-image: url(img/bottom_wave1280.jpg); background-repeat: no-repeat;background-size: 100%;position: relative;min-width:1024px;}#footspan{/* margin:0px 0px 0px 450px; *//* position:relative;  */padding:10px 50px 20px 240px;color:#257d99;text-shadow: 2px 2px 1px white; /* Параметры тени */font-size:14px;} #img_class{position:fixed; margin: 0 0 0 40%;-webkit-margin-start:40%;top:190px;/* max-width:80%; */} /* aside{margin: 0px 0px 0px 12px ; /* position:fixed; *//*float:left;width:420px;   background:#fff c5c5c5; background: linear-gradient(to top, #fff, #74c6dc); *//*top:530px; border:0px solid #333;}*/aside h2{font-family: 'Segoe UI', Helvetica, Arial;; font-size:20px; padding:10px;}aside nav{padding-left:20px; font-size:18px; padding-right:10px;}aside p{padding-left:30px; font-size:14px; padding-right:10px;}aside li{list-style-type:none; font-family: 'Segoe UI', Helvetica, Arial;margin-top: 55px;text-shadow: 2px 2px 1px white; }aside a{text-decoration:none; color:#adadad;}aside a:hover{text-decoration:none; color:#e0861b/*050775*/;}aside h3:hover{text-decoration:none; color:#e0861b/*050775*/;}#footer {    max-width: 960px;min-width: 480px;    margin: auto;    padding: 5px 0;    height: 90px;}footer h3 {    font: 14px 'Oswald', sans-serif;    color: #fff;    border-bottom: 1px solid #919191;    margin: 0 0 10px 0;}#twitter time a {    color: #b4aeae;}footer p {    margin: 5px 0;}#twitter {    float: left;    width: 800px;}#twitter p {    padding-right: 15px;}footer a {    color: #dbdbdb;}#sitemap {    width: 150px;    float: left;    margin-left: 20px;    padding-right: 15px;}#sitemap div {    display: inline-block;}#sitemap div + div {    margin-left: 40px;}#sitemap a {    display: block;    text-decoration: none;    font-size: 12px;    margin-bottom: 5px;}#sitemap a:hover {    text-decoration: underline;}#social {    float: left;    margin-left: 20px;    width: 130px;}.data{color:#d37e1a;}/* a{text-decoration:none; color:#050775;}a:hover{text-decoration:underline; color:#5250f8;} */#top_right{   float: right;padding: auto;}.harmonica-menu a, .harmonica-menu h3 {    display: block;    padding: 35px 5px 5px 15px;    color: #262262/*#B46F21*/;font-weight: normal;    text-decoration: underline;text-shadow: 1px 1px 1px #f3e4d2; /* Параметры тени */    font-size: 16px;    cursor: pointer;    margin: 0;text-decoration:none; }.harmonica-menu a: hover, .harmonica-menu h3:hover {text-decoration:underline; color:#f79420/*5250f8*/;}    .harmonica-menu h3 {    background: url(img/level-item.png) left center no-repeat;}    .open {    background: url(img/level-item2.png) left center no-repeat !important;}.harmonica-menu-hidden {    display: none;    padding: 5px 5px 5px 20px;}    .harmonica-menu-hidden a {    font-weight: normal;    padding: 5px;}p a{color: #050872;text-decoration:none;text-shadow: 1px 2px 2px white; }p a:hover{color: #fff;text-decoration:none;text-shadow: 1px 1px 2px #74c6dc; f79420}figure {display:inline-block;}figcaption {display:block;}figure {border:1px solid #ccc; -moz-border-radius:4px; /* Firefox */-webkit-border-radius:4px; /* Safari and Chrome */border-radius:4px; /* Opera, IE9, future-proofing */padding:1em; -moz-box-shadow: 10px 10px 5px #888; /* Firefix */-webkit-box-shadow: 10px 10px 5px #888;  /* Safari and Chrome */box-shadow: 10px 10px 5px #888; /* Opera, future-proofing */}

<!DOCTYPE html><html><head><meta charset="utf-8" /><!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--><title>STJOHNES | </title><meta name="description" content="STJOHNES" /><meta name="keywords" content="STJOHNES, STJOHNES STJOHNES" /><link rel="stylesheet" href="fix.css" type="text/css" media="screen, projection" /><script type="text/javascript" src="jquery-1.11.1.min.js"></script><script language="javascript" type="text/javascript">$(document).ready(function() {$('.harmonica-menu h3').click(function(){$(this).next('.harmonica-menu-hidden').slideToggle();$(this).toggleClass('open');});});</script>   <!--[if IE]>      <script>      document.createElement('header');      document.createElement('nav');      document.createElement('section');      document.createElement('article');      document.createElement('aside');      document.createElement('footer');      </script>      <![endif]-->  </head><body><header> <div class="maxw"><a href="index.html"><img src="img/top_3.png" border=0></a></div><div class="img_top_right"><img src="img/ship1s.png"></div></header><div id="wrapper"><section class="maxw"><div id="container"><img src="img/TrueFish2.png" id="img_class"><article><br><br><h1>Контакты</h1><br><br><br><br><br>Общество с ограниченной ответственностью «Junior St Johnes»    <br><br>197027, Санкт-Петербург, ул. Петрова, д. 21    <br>телефон: +7 (222) 222-22-22, 222-22-22     <br>e-mail: info@STJOHNES.com<br><br><br><br><br><br><br><br><br><br><br><br><br><br></article></div><aside id="s_left"><nav><div class="harmonica-menu"><a href="about.html"><img src="img/ICON_Fish_small.png" border=0>О компании</a><h3><img src="img/ICON_Fish_small.png" border=0>Направление деятельности</h3><div class="harmonica-menu-hidden"><a href="x-1.html">Реализация 1</a><a href="x-2.html">Реализация 2</a><a href="x-3.html">Реализация 3</a><a href="x-4.html">Реализация 4</a><a href="x-5.html">Продажа 5</a><a href="x-6.html">Услуги 6</a></div><a href="news.html"><img src="img/ICON_Fish_small.png" border=0>Новости</a><a href="deals.html"><img src="img/ICON_Fish_small.png" border=0>Партнерам</a><a href="docs.html"><img src="img/ICON_Fish_small.png" border=0>Материалы</a><a href="contacts.html"><img src="img/ICON_Fish_small.png" border=0>Контакты</a></div></nav></aside></section></div><footer>    <div id="footer">        <div id="twitter"><span id="footspan"><br>Общество с ограниченной ответственностью «STJOHNES»<br>197027, Санкт-Петербург, ул. Петрова, д. 21<br>телефон: +7 (222) 222-22-22, 22-222-22, e-mail: info@STJOHNES.com</span></div>    </div></footer></body></html>

[Veseloff]

Зачем код сюда вываливать? Дайте ссылку на страницу.

[Switch74]

зачем #wrapper {min-height:100%;}

у хэдера и футера {min-height:1024px;}

[Vodovarov]

Зачем код сюда вываливать? Дайте ссылку на страницу.

Пардон, туплю с непривычки.

зачем #wrapper {min-height:100%;}

у хэдера и футера {min-height:1024px;}

у хэдера и футера {min-width:1024px;}

[Switch74]

сорри, не то скопировал

поставьте у #wrapper {min-width:1024px;}

так же как у хэдера и футера {min-width:1024px;}

[Vodovarov]

сорри, не то скопировал

поставьте у #wrapper {min-width:1024px;}

так же как у хэдера и футера {min-width:1024px;}

ставил, не получается...

 

вот это помогло в итоге -> background-repeat: no-repeat; удалил и заработало.

спасибо за поддержку! 

И с наступающим Новым Годом! )

 

сорри, не то скопировал

поставьте у #wrapper {min-width:1024px;}

так же как у хэдера и футера {min-width:1024px;}

ставил, не получается...

 

вот это помогло в итоге -> background-repeat: no-repeat; удалил и заработало.

спасибо за поддержку! 

И с наступающим Новым Годом! )

 

Нет, немного НЕ ТО. Теперь повторяется градиент по вертикали несколько раз, а мне нужен только один градиент на всю середину....

Куда еще посмотреть?