@dez64ru

Почему блоки не растягиваются на всю ширину?

<body id="index" class="home">
		<div class="wrapper">
			<div class="content">
				<div class="header">
					<div class="logo"><a href="/" title="Главная"><p>С</p>ам<p>Р</p>емонт.рф<img src="/resource/images/logo.png"></a></div>
					<div class="postlogo">Профессиональный ремонт в Самаре и Самарской области под ключ.</div>
					<div class="phones"><img src="resource/images/phone.png" width="80px" height="80px"><p><font>Наши телефоны:</font><br>+7 (960) 828-59-73<br>+7 (937) 064-38-48<br>Евгения Юрьевна<br>
					Без выходных с 10:00 до 20:00</p>
					</div>
					<ul class="menu">
						<li><a class ="selected"   href="/">Главная</a></li>
							<li><a href="price.html">Прайс-лист</a></li>
							<li><a href="photo.html">Фотогалерея</a></li>
							<div class="l1"></div>
					</ul>
			</div>
			<div class="page">
				<div id="title">Комплексный ремонт в Самаре</div>
				<div id="text">
					
						<p>	Профессиональный ремонт в Самаре и Самарской области. Имеем большой опыт (с 2005 года) в отделке помещений под ключ. Выполняем все виды ремонта : Интерьер, экстерьер, евроремонт, косметический или капитальный ремонт, под ключ.</p>
						<br><p>	Доделываем или же полностью переделываем всю работу после другого подрядчика.</p>
						<br><p>	Наша команда выполнит все виды работ по отделке помещений, а именно: <br></p>
								<p>&#8226 Демонтажные работы<br></p>
								<p>&#8226 Монтажные работы<br></p>
								<p>&#8226 Электромонтажные работы<br></p>
								<p>&#8226 Малярные <br></p>
								<p>&#8226 Сантехнические<br></p>
								<p>&#8226 Укладка плитки<br></p>
								<p>&#8226 Установка дверей<br></p>
						<p align="right"><a href="price.html">Более подробный прайс-лист &#62;</a></p><br><br>
						<p>	Мы подходим индивидуально к каждому заказу, а значит что ваш проект будет уникальным и выполнен с должным вниманием, обычно мы работаем по готовому дизайну, но есть возможность заказать дизайн-проект у нашего дизайнера. Предоставляем гарантию 24 месяца на выполненные работы.</p>
						<p align="right"><a href="photo.html">Посмотреть примеры наших работ &#62;</a></p><br><br>
						<p>	Гарантированное использование современных и качественных материалов, выполнение ремонта в оговоренные сроки.</p>
						<p>	Выезд на объект для замеров и составления договора <b>бесплатен</b>. 
							Заказать замер можно по номерам: +7 (960) 828-59-73, +7 (937) 064-38-48 или по форме ниже</p><br>
							<?php 
							if(isset($_POST['submit'])) {
							$headers= "MIME-Version: 1.0\r\n";
							$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
							$phone = substr(htmlspecialchars(trim($_POST['phone'])), 0, 1000);
							$name = substr(htmlspecialchars(trim($_POST['name'])), 0, 1000);
							$message = "<b>Телефон:  </b>".$phone."<br><b>ФИО:  </b>".$name;
							mail('Dez64ru@gmail.com', 'Новый заказ!', $message, $headers);
							}
							?>	
						<div class="callform">
							<form action="" method=post> 
								<div>
									Телефон: <input  required name="phone" class="phone" placeholder="+7 (___) ___-__-__">
								</div>
								<div>
									Как к вам обращаться: <input  required name="name" type="text" placeholder="ФИО">
								</div>
								<div>
									<input type="submit" class="submit" name="submit">
								</div>
							</form>
						</div>
				</div>
				<br><br>
			</div>
			</div>
			<div class="footer"><p>СамРемонт.рф <br>Все права защищены 2015г.  &#169</p>
			</div>
		</div>
	</body>


* {
	margin: 0;
	padding: 0
}
a {
	text-decoration: none;
}

html,
body,
.wrapper {
	height: 100%;
}

.content {
	box-sizing: border-box;
	min-width: 100%;
	min-height: 100%;
	padding-bottom: 85px;
	background: #eee;
}

.header {
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	height: 35vh;
	background: rgba(108, 167, 241, .9);
	box-shadow: 0 0 0;
	font-family: 'Roboto Condensed', sans-serif
}
.page {
	width: 100%;
	height: auto;
	margin: 0 0;
	padding: 0 0;
	background: #fff;
	box-shadow: 0 0 0;
}

31f5413e8aa34a8fb56fbc5efb34c83f.png
  • Вопрос задан
  • 819 просмотров
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
Какие именно блоки, по вашему не растягиваются?
Залил ваш код на jsfiddle, вроде всё нормально jsfiddle.net/y3x7cd8m
Ответ написан
Может в шапке есть meta для мобильных девайсов? или "@media" css
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы