Задать вопрос
@MrMemos
html

Откуда у меня взялся белый отступ?

Я сейчас пишу сайт, но у меня появился белый отступ, перепробовал всё, но результата не давало.
Я поставил overflow-x:hidden; Думал прокатит.
Но после я добавил новый блок, и сделал отступ в 96px;
И в результате блок не поместился !. Хотя по логике он должен был поместиться
Может это браузер такой, или как ?
У меня разрешение экрана в 1366 на 768 пикселей
<html> <!-- Начало ебанного документа, как мое ебанное рождение, я уже заебался, но мне надо жрать, поэтому я пишу код, который поможет мне в моём бизнесе, который, скорее всего, згниёт,как мой прошлый 2 года тому назад, сука пойду пожру -->
<head>
<link rel="shortcut icon" href="../pictures/icon.png" type="image/png">
<title>
Ремонт компьютеров
</title>
<link href="../../main.css" rel="stylesheet">
</head>
<body>
<div class="top"></div> <!-- Прозрачный блок блять -->
<div class="logo">                                      
	<a href="../../index.html">                               
	<font size="10" face="Arial" color="black">Мастер ПК</font>    <!-- Ебанный логотип, которого у меня нету, поэтому я сосу хуй, размером с мою жизнь -->   
	</a>                                                
</div>                                                  
<div class="line"></div> <!--Линия блять сука пизда-->
<div class="block1">
	<font size="5" face="Arial" color="white">
		<a href="fix.html">
		Ремонт ПК
		</a>
	</font>
</div> <!-- А это блок, в котором можно написать всё,что угодно (я сразу напишу какую-то хуйню ) -->
<div class="block2">
	<font size="5" face="Arial" color="white">
	<a href="win.html">
	Установка ОП
	</a>
</font>
</div>
<div class="block3">
	<font size="5" face="Arial" color="white">
	<a href="clean.html">
	Чистка ПК
	</a>
</font>
</div>
<div class="block4">
	<font size="4" face="Arial" color="white">
	<a href="wi-fi.html">
	Настройка Wi-Fi
	</a>
</font>
</div>
<div class="block5">
	<font size="5" face="Arial" color="white">
	<a href="faq.html">
	F.A.Q.
	</a>
</font>
</div>
<div class="all-price-list">
	

	
</div>
</body>
</html> <!-- А это окончание моего сайта, как окончание моих отношений - такое же резкое и быстрое , поэтому мне никто и не нужен , потому что иметь тёлку - это тоже самое, что и её ебать, так что меня мало как волнует симпатии кого либо. -->

a:-webkit-any-link {
    color: black;
    cursor: pointer;
    text-decoration: none;
}
head {
	background-color: black;
}
body {
	background-image: linear-gradient(to top right,
	 rgb(101, 115, 255), rgb(122, 113, 238), rgb(143, 112, 220),
	 rgb(164, 110, 203), rgb(185, 109, 185), rgb(206, 107, 168), 
	 rgb(178, 125, 175),rgb(149, 143, 181), rgb(121, 162, 188), 
	 rgb(92, 180, 194), rgb(64, 198, 201), rgb(35, 216, 207));
	margin: 0px;
	height: 1600px;
	background-repeat: no-repeat;
	width: 100%;
	overflow-x: hidden;
}
.top {
	position: absolute;
	height:100px;
	width:100%;
	background-color:white;
	opacity: 0.6;
}
.logo {	
	position: absolute;
	height:80px;
	width:300px;
	text-align: center;
	margin-top: 20px;
}
.line {
	position: absolute;
	height: 100px;
	width: 3px;
	background-color: black;
	margin-left: 300px;
	opacity: 1;
}
.block1{
	position: absolute;
	width: 175px;
	height: 50px;
	margin-left: 350px;
	margin-top: 25px;
	border-radius: 25px 25px 25px 25px;
	border:2px solid;
	border-color: black;
	text-align: center;
	line-height: 50px;
}
.block2 {
	position: absolute;
	width: 175px;
	height: 50px;
	margin-left: 550px;
	margin-top: 25px;
	border-radius: 25px 25px 25px 25px;
	border: 2px solid;
	border-color: black;
	text-align: center;
	line-height: 50px;
}
.block3 {
	position: absolute;
	width: 175px;
	height: 50px;
	margin-left: 750px;
	margin-top: 25px;
	border-radius: 25px 25px 25px 25px;
	border: 2px solid;
	border-color: black;
	text-align: center;
	line-height: 50px;
}
.block4 {
	position: absolute;
	width: 175px;
	height: 50px;
	margin-left: 950px;
	margin-top: 25px;
	border-radius: 25px 25px 25px 25px;
	border: 2px solid;
	border-color: black;
	text-align: center;
	line-height: 50px;
}
.block5 {
	position: absolute;
	width: 175px;
	height: 50px;
	margin-left: 1150px;
	margin-top: 25px;
	border-radius: 25px 25px 25px 25px;
	border: 2px solid;
	border-color: black;
	text-align: center;
	line-height: 50px;
}
.text-top {
	opacity: 0.6;
	position: absolute;
	width: 1166px;
	height: 450px;
	background-color: white;
	margin-top: 150px;
	margin-left: 100px;
	text-align: center;
}
.photo-text-top {
	position: absolute;
	width: 635px;
	height: 428px;
	margin-left: 615px;
	margin-top: 160px;
	background-size: cover;
	background-image: url(materials/pictures/plata.jpeg);
}
.text-flat {
	text-align: center;
	position: absolute;
	width: 520px;
	height: 425px;
	margin-left: 200px;
	margin-top: 160px;
	font-style: oblique;
	display: flex;
	align-items: center;
}
.body-block {
	width: 1000px;
	height: 600px;
	background-color: white;
	position: absolute;
	margin-top: 768px;
	margin-left: 183px;
	border-radius: 25px 25px 25px 25px;
	opacity: 0.6;
}
.body-repair-block {
	all: initial;
	position: absolute;
	background-image: linear-gradient(to top right,
	 rgb(242, 255, 0), rgb(245, 233, 0), rgb(247, 211, 0),
	 rgb(250, 189, 0), rgb(252, 167, 0), rgb(255, 145, 0),
	 rgb(255, 121, 0), rgb(255, 97, 0), rgb(255, 73, 0),
	 rgb(255, 48, 0), rgb(255, 24, 0), rgb(255, 0, 0));
	width: 425px;
	height: 225px;
	margin-top: 818px;
	margin-left: 233px;
	border-radius: 25px 25px 25px 25px;
	opacity: 1;
}
.body-clear-block {
	position: absolute;
	background-image: linear-gradient(to top right,
	 rgb(242, 255, 0), rgb(245, 233, 0), rgb(247, 211, 0),
	 rgb(250, 189, 0), rgb(252, 167, 0), rgb(255, 145, 0),
	 rgb(255, 121, 0), rgb(255, 97, 0), rgb(255, 73, 0),
	 rgb(255, 48, 0), rgb(255, 24, 0), rgb(255, 0, 0));
	width: 425px;
	height: 225px;
	margin-top: 818px;
	margin-left: 708px;
	border-radius: 25px 25px 25px 25px;
	opacity: 1;
}
.body-wifi-block {
	position: absolute;
	background-image: linear-gradient(to top right,
	 rgb(242, 255, 0), rgb(245, 233, 0), rgb(247, 211, 0),
	 rgb(250, 189, 0), rgb(252, 167, 0), rgb(255, 145, 0),
	 rgb(255, 121, 0), rgb(255, 97, 0), rgb(255, 73, 0),
	 rgb(255, 48, 0), rgb(255, 24, 0), rgb(255, 0, 0));
	width: 425px;
	height: 225px;
	margin-top: 1093px;
	margin-left: 233px;
	border-radius: 25px 25px 25px 25px;
	opacity: 1;
}
.body-windows10-block {
	position: absolute;
	background-image: linear-gradient(to top right,
	 rgb(242, 255, 0), rgb(245, 233, 0), rgb(247, 211, 0),
	 rgb(250, 189, 0), rgb(252, 167, 0), rgb(255, 145, 0),
	 rgb(255, 121, 0), rgb(255, 97, 0), rgb(255, 73, 0),
	 rgb(255, 48, 0), rgb(255, 24, 0), rgb(255, 0, 0));
	width: 425px;
	height: 225px;
	margin-top: 1093px;
	margin-left: 708px;
	border-radius: 25px 25px 25px 25px;
	opacity: 1;
}
.body-line {
	position: absolute;
	background-color: white;
	opacity: 0.6;
	width: 3px;
	height: 225px;
	margin-left: 106.25px;
}
.img-repair {
	position: absolute;
	margin-left: 21px;
	margin-top: 77.66px;
	height: 63.19px;
	width: 63.19px;
	background-image: url(materials/pictures/tools.png);
	background-size: cover;
}
.img-os {
	position: absolute;
	margin-left: 21px;
	margin-top: 77.66px;
	height: 63.19px;
	width: 63.19px;
	background-image: url(materials/pictures/windows.png);
	background-size: cover;
}
.img-wifi {
	position: absolute;
	margin-left: 21px;
	margin-top: 77.66px;
	height: 63.19px;
	width: 63.19px;
	background-image: url(materials/pictures/wi-fi.png);
	background-size: cover;
}
.img-system {
	position: absolute;
	margin-left: 21px;
	margin-top: 77.66px;
	height: 63.19px;
	width: 63.19px;
	background-image: url(materials/pictures/system.png);
	background-size: cover;
}
.all-price-list {
	opacity: 0.6;
	width: 1216px;
	background-color: white;
	height: 672px;
	margin-top: 256px;
	margin-left: 150px;
	position: absolute;
	border-radius: 25px 25px 25px 25px;
}
  • Вопрос задан
  • 211 просмотров
3 комментария
Подписаться 1 Средний 3 комментария
Решения вопроса 1
Nolis
@Nolis
it-гопник
неплохой коммент за открытом тэгом на джаэс фидле у тебя. а главное очень самокритично. уважаемо.
https://jsfiddle.net/MrMemos/ruydq78h/

p.s. поглядел код дальше, уважаемо x2
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
DanielMcRon
@DanielMcRon
C# && Unity
Депрессивный код
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сайт с вебзвонками и чатами на react
24 апр. 2024, в 17:33
10000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
24 апр. 2024, в 17:26
6000 руб./за проект
Доработать сайт на React + Nest
19 апр. 2024, в 13:38
1500 руб./в час
Ещё заказы