Я сейчас пишу сайт, но у меня появился белый отступ, перепробовал всё, но результата не давало.
Я поставил 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;
}
