Как сделать header нормального размера?

Question

[Quartex]

Всем привет, столкнулся с такой проблемой: по ширине не заполняется картинкой, а по высоте наоборот съезжает, помогите пожалуйста.
Скрин:

код:

<div class="slider-section" style="background-image: url(images/background2.jpg);">
		<div id="clockdiv">
		  <div>
		    <span class="days"></span>
		    <div class="smalltext">Дней</div>
		  </div>
		  <div>
		    <span class="hours"></span>
		    <div class="smalltext">Часов</div>
		  </div>
		  <div>
		    <span class="minutes"></span>
		    <div class="smalltext">Минут</div>
		  </div>
		  <div>
		    <span class="seconds"></span>
		    <div class="smalltext">Секунд</div>
		  </div>
		</div>		
	<div class="containers">  
		  <form id="contact" action="" method="post">
		    <h3>Colorlib Contact Form</h3>
		    <h4>Contact us for custom quote</h4>
		    <fieldset>
		      <input placeholder="Your name" type="text" tabindex="1" required autofocus>
		    </fieldset>
		    <fieldset>
		      <input placeholder="Your Email Address" type="email" tabindex="2" required>
		    </fieldset>
		    <fieldset>
		      <input placeholder="Your Phone Number (optional)" type="tel" tabindex="3" required>
		    </fieldset>
		    <fieldset>
		    <fieldset>
		      <button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Submit</button>
		    </fieldset>
		  </form>
		</div>
	</div>

css:"

.slider-section{
	background-size: contain;
	background-repeat: no-repeat;
	min-width: 2000px;
	max-height: 845px;
}

Comments

[WarriorKodeK]

.slider-section{
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%
  max-height: 845px;
}

Попробуйте так.

[Quartex]

WarriorKodeK, Спасибо за ответ, решил проблему только что, поставив так background-size: 100%;
background-repeat: no-repeat;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 900px;
когда было просто ширина 100% не работало, надо было background-size 100% добавить

Answer 1

[Владислав Годунов]

.slider-section{
background-size: cover;
background-position: center; либо background-position: center  top;
background-repeat: no-repeat;
min-width: 2000px;
max-height: 845px;
}
min-width: 2000px----- Вы серьезно? Для каких пользователей сайт делаете?)