0
После попытки в течение 10 минут я не смог найти решение, помогающее исправить мой код. В верхней части моей страницы есть загадочное пустое пространство. Я понятия не имею, почему его там, сначала я думал, что это было изображение FS ~, но после перемещения его на 20 пикселей от вершины белая полоса остается. Пожалуйста, помогите :) Вот мой код:HTML Белый пробел в верхней части моей страницы
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en" class="no-js"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en" class="no-js"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en" class="no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
\t <meta charset="utf-8">
\t <title>Loading Screen By Steven</title> \t
\t <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
\t <meta name="description" content="Parallax HTML One-Page Template for Agency and Personal">
\t <meta name="author" content="The Develovers">
\t <!-- Styles
\t \t font-family: 'Lobster', cursive;
\t \t font-family: 'Pacifico', cursive;
\t \t font-family: 'Kaushan Script', cursive;
\t \t font-family: 'PT Sans', sans-serif;
\t --> \t
\t <link href="assets/css/bootstrap.css" rel="stylesheet">
\t <link href='http://fonts.googleapis.com/css?family=Lobster|Pacifico|Kaushan+Script|PT+Sans' rel='stylesheet' type='text/css'>
\t <!--<link href="assets/css/main.css" rel="stylesheet">-->
\t <link href="assets/css/glyphicons.css" rel="stylesheet">
\t <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
\t <link href="assets/css/animate.css" rel="stylesheet">
\t <link href="assets/css/global-style.css" rel="stylesheet">
\t
\t <!-- JAVASCRIPT -->
\t <script src="assets/js/jquery-2.1.0.min.js"></script>
\t <script src="assets/js/bootstrap.min.js"></script>
\t <style>
\t \t td {
\t \t \t padding:5px!important;
\t \t \t color:#FFF;
\t \t }
\t \t .no-padding {
\t \t \t padding:0px!important;
\t \t }
\t \t .no-margin {
\t \t \t margin:0px!important;
\t \t }
\t \t .workshopItemPreviewImage {
\t \t \t max-width:100%;
\t \t \t text-align: right;
\t \t \t border:2px solid #FFF;
\t \t }
\t \t .workshopItemTitle {
\t \t \t color:#FFF!important;
\t \t \t font-size:15pt!important;
\t \t \t text-align:left;
\t \t \t font-family: 'Kaushan Script', cursive;
\t \t \t margin-bottom:0px!important;
\t \t \t text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
\t \t }
\t \t .workshopItemShortDesc {
\t \t \t display:none;
\t \t }
\t \t .fileRating {
\t \t \t display:none;
\t \t }
\t \t .workshopItemAuthor {
\t \t \t padding-left:10px!important;
\t \t \t color:#fff!important;
\t \t }
\t \t .workshopItemAuthorName {
\t \t \t color:#fff!important;
\t \t }
\t \t .workshopItemAuthorName a {
\t \t \t background-color:#fff!important;
\t \t \t border-radius:5px!important;
\t \t \t padding-left:3px!important;
\t \t \t padding-right:3px!important;
\t \t \t text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
\t \t }
\t \t .workshopItemAuthor, workshopItemAuthorName, workshopItemAuthorName a {
\t \t \t font-size:10pt!important;
\t \t \t text-align:left;
\t \t \t font-family: 'Lobster', cursive;
\t \t \t text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
\t \t }
\t \t .circular img {
\t \t \t width: 100px;
\t \t \t height: 50px;
\t \t \t border-radius: 75px;
\t \t \t -webkit-border-radius: 75px;
\t \t \t -moz-border-radius: 75px;
\t \t \t /*background: url(http://i.ytimg.com/vi/fYZM1SdO9Qc/maxresdefault.jpg) no-repeat;*/
\t \t }
\t \t .text-white {
\t \t \t color:#FFF;
\t \t }
\t \t .hdr, .hdr span {
\t \t \t font-family: 'Lobster', cursive!important;
\t \t \t font-size: 22pt;
\t \t }
\t \t .hdr2, .hdr2 span {
\t \t \t font-family: 'Kaushan Script', cursive;
\t \t \t font-size: 18pt!important;
\t \t }
\t \t .hdl {
\t \t \t font-family: 'Pacifico', cursive;
\t \t \t font-size: 16pt!important;
\t \t }
\t \t .reg tr td {
\t \t \t text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
\t \t }
\t \t .text-left {
\t \t \t text-align: left;
\t \t }
\t \t .txt-shadow, .txt-shadow span, .txt-shadow i, .txt-shadow strong, .txt-shadow p {
\t \t \t text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
\t \t }
\t \t .infobox {
\t \t \t background: rgba(144,144,144,0.4); /* 40% opaque red */
\t \t \t -webkit-box-shadow: inset 0px 1px 2px 3px rgba(50, 50, 50, 0.6);
\t \t \t -moz-box-shadow: inset 0px 1px 2px 3px rgba(50, 50, 50, 0.6);
\t \t \t box-shadow: inset 0px 1px 2px 3px rgba(50, 50, 50, 0.6);
\t \t \t -webkit-border-radius: 5px;
\t \t \t -moz-border-radius: 5px;
\t \t \t border-radius: 5px;
\t \t }
\t \t
\t \t .loadbarfx {
\t \t \t -webkit-box-shadow: inset 0px 1px 2px 3px rgba(50, 50, 50, 0.6);
\t \t \t -moz-box-shadow: inset 0px 1px 2px 3px rgba(50, 50, 50, 0.6);
\t \t \t box-shadow: inset 0px 1px 2px 3px rgba(50, 50, 50, 0.6);
.header h1 {
color: white;
margin: 0;
\t \t }
\t </style>
</head>
<body id="top" class="no-margin no-padding">
<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
<iframe src="//www.youtube.com/embed/FkKjZz2vpy4?rel=0&controls=0&showinfo=0&autoplay=1&loop=1" frameborder="0" style="height:1px;width:1px;overflow:hidden;"></iframe>
<iframe frameborder="0" height="100%" width="100%" src="http://i.ytimg.com/vi/fYZM1SdO9Qc/maxresdefault.jpg"></iframe>
</div>
<div class="col-xs-13" style="position:absolute;top:20px;left:0;position:absolute;overflow:hidden!important;">
\t <div class="col-xs-13 text-center">
\t \t <img src="http://i.imgur.com/PqsZnHK.png?1" style="max-width:20%;"/></br>
\t </div>
\t <div class="col-xs-4 infobox">
\t \t <table style="width:100%;" class="reg">
\t \t \t <tr><td colspan=2 class="text-center hdr"><i class="" style="color:#1F6FD1!important;"></i> Rules<td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-bed"></i></td><td><center>No Foul Language/Profanity</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-tachometer"></i></td><td><center>No disrespecting players or staff</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-university"></i></td><td><center>No Trolling</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-microphone-slash"></i></td><td><center>No Mic Spamming</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-heartbeat"></i></td><td><center>No cheating/hacking what so ever</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-frown-o"></i></td><td><center>No Griefing</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-meh-o"></i></td><td><center>No using any exploits</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-chain-broken"></i></td><td><center>No advertising</center></td></tr>
\t \t \t <tr><td colspan=2 class="text-white text-center hdr"><i class="fa fa-map-code" style="color:#1F6FD1!important;"></i> Encouraged<td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-cogs"></i></td><td><center>Helping players</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-code"></i></td><td><center>Enforcing the rules</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-bug"></i></td><td><center>Reporting rulebreakers to staff</center></td></tr>
\t \t \t <tr><td class="text-white text-center"><i class="fa fa-question-circle"></i></td><td><center>Keep a nice and happy attitude!</center></td></tr>
\t \t </table>
\t </div>
\t <div class="col-xs-4">
\t \t <div class="col-xs-12">
\t \t \t <table style="width:100%;" class="reg">
\t \t \t \t <tr><td class="text-white hdr"><i class="fa fa-map-marker" style="color:#D12112!important;"></i> Server Location: <span style="color:#1F6FD1!important;">Los Angeles, CA</span></td></tr>
\t \t \t \t <tr><td class="text-white hdl" colspan=2><center>Note: This is a family friendly server, therefore foul language will not be tolerated.</center></td></tr>
\t \t \t \t <tr><td class="text-white hdl" colspan=2><center>Creator of Loading Screen: Steven (Yes I'm alive. Hello JMZ)</center></td></tr>
\t \t \t \t <tr>
\t \t \t \t \t <td class="text-white" colspan=2>
\t \t \t \t \t \t <p><strong><center><span style="color:#FF0000!important;">Updates/Information</span></center>:</strong></p>
\t \t \t \t \t \t <p><center>New loading screen created by Steven!<center></p>
\t \t \t \t \t \t <p><center>Servers are still being updated from time to time, report any unannounced to the forums via chatbox</center></p>
\t \t \t \t \t \t <p><center>Website: fsclan.org</center></p>
\t \t \t \t \t \t <br>
\t \t \t \t \t \t <br>
\t \t \t \t \t \t <p><strong><center>This loading screen is licensed under a Creative Commons Attribution 4.0 International License by Steven</center></strong></p>
\t \t \t \t \t </td>
\t \t \t \t </tr>
\t \t \t </table>
\t \t </div>
\t </div>
\t <div class="col-xs-4">
\t \t <div class="col-xs-12 infobox">
\t \t \t <table style="width:100%;" class="reg">
\t \t \t \t <tr><td colspan=3 class="text-white text-center hdr"><i class="" style="color:#1F6FD1!important;"></i> Staff/Honorable Mentions<td></tr>
\t \t \t \t <tr><td class="text-white text-center"><img style="width:15px!important;height:15px!important;" src="http://fc02.deviantart.net/fs70/f/2014/341/1/2/simple_crown_bullet_by_slush_bee-d892v68.png"</td><td>Kalika (Erin)</td><td>Head-Supervisor/Leadership Team Member</td></tr>
\t \t \t \t <tr><td class="text-white text-center"><img style="width:15px!important;height:15px!important;" src="http://fc02.deviantart.net/fs70/f/2014/341/1/2/simple_crown_bullet_by_slush_bee-d892v68.png"></img></td><td>Steven</td><td>Former Head-Supervisor/Developer (Resigned)</td></tr>
\t \t \t \t <tr><td class="text-white text-center"><img style="width:15px!important;height:15px!important;" src="https://forums.alliedmods.net/images/smilies/bee.png"></img></td><td>Daniel</td><td>Supervisor</td></tr>
\t \t \t \t <tr><td class="text-white text-center"><img style="width:15px!important;height:15px!important;" src="http://img4.wikia.nocookie.net/__cb20120430113153/clubpenguin/images/b/bb/Moderator_badge_15px.png"></img></td><td>JMZ</td><td>Supervisor</td></tr>
\t \t \t </table>
\t \t \t \t \t <div class="col-xs-12" style="border-top:1px dotted #CCC;">
\t \t \t \t <span class="hdr2 text-white txt-shadow"><i class="fa fa-download" style="color:#FFF!important;"></i> <span id="loadingHdr" style="color:#FFF!important;">Validating Workshop Collection ...</span></span>
\t \t \t \t <div class="progress progress-sm progress-striped active">
\t \t \t \t \t <div id="progressbar" class="progress-bar progress-bar-striped txt-shadow" style="width: 0%"></div>
\t \t \t \t </div>
\t \t \t \t <span id="subtext1" class="text-white" style="color:#FFF!important;"></span>
\t \t \t \t <span id="subtext2" class="text-white" style="color:#FFF!important;"></span>
\t \t \t \t <span id="subtext3" class="text-white" style="color:#FFF!important;"></span>
\t \t \t </div>
\t \t </div>
\t \t <div class="col-xs-12 infobox" style="margin-top:10px!important;">
\t \t \t <p class="text-white hdr txt-shadow" style="padding:5px;"><i class="" style="color:#1F6FD1!important;"></i> How to become a Member</p>
\t \t \t <span class="text-white txt-shadow" style="padding:5px;">Apply on our forums: fsclan.org Keep a POSITIVE and mature attitude! Help players and staff! Report rulebreakers, enforce the rules! And most of all, BE ACTIVE and read our requirements on the forums!</span>
\t \t </div>
\t \t <div class="col-xs-12 infobox" style="margin-top:15px!important;">
\t \t \t <p class="text-white hdr txt-shadow" style="padding:15px!important;"><i class="" style="color:#1F6FD1!important;"></i> About The Server</p>
\t \t \t <span class="text-white txt-shadow" style="padding:15px!important;">This is a family friendly server! That means profanity/foul language will not be tolerated! Keep all names, profile pictures, and words used on the server PG13!</span>
\t \t </div>
\t \t \t </div>
\t </div>
</div>
\t <script>
\t \t var totalfilez
\t \t //Gets initial total files needed.
\t \t function SetFilesTotal(total) {
\t \t \t totalfilez = total;
\t \t \t window.totalfiles = total;
\t \t \t $('#subtext3').empty().append(total+' files found.');
\t \t }
\t \t //Update Progress Bar
\t \t function SetFilesNeeded(needed) {
\t \t \t window.filesleft = needed;
\t \t \t $('#subtext2').empty().append(needed+' files needed.');
\t \t \t if(needed < 1) {
\t \t \t \t var neededz = window.totalfiles;
\t \t \t } else {
\t \t \t \t var neededz = needed;
\t \t \t }
\t \t \t var percent = Math.ceil((((window.totalfiles-neededz)/2)/(window.totalfiles/2))*100);
\t \t \t if(!isNan(percent)) {
\t \t \t \t $('#progressbar').css({ "width" : percent+"%"});
\t \t \t \t $('#progressbar').empty().append(percent+"%");
\t \t \t }
\t \t }
\t \t //Update loading header text.
\t \t function SetStatusChanged(status) {
\t \t \t $('#loadingHdr').empty().append(status);
\t \t \t /*
\t \t \t Retrieving server info...
\t \t \t Getting addon info for #------
\t \t \t Found '--'
\t \t \t Mounting Addons
\t \t \t Workshop Complete
\t \t \t Sending client info...
\t \t \t */
\t \t \t if(status == 'Retrieving server info...') {
\t \t \t \t $('#progressbar').css({ "width" : "10%"});
\t \t \t \t $('#progressbar').empty().append("Initializing ...");
\t \t \t }
\t \t \t if(status == 'Mounting Addons') {
\t \t \t \t $('#progressbar').css({ "width" : "55%"});
\t \t \t \t $('#progressbar').empty().append("55%");
\t \t \t }
\t \t \t if(status == 'Workshop Complete') {
\t \t \t \t $('#progressbar').css({ "width" : "89%"});
\t \t \t \t $('#progressbar').empty().append("89%");
\t \t \t }
\t \t \t if(status == 'Sending client info...') {
\t \t \t \t $('#progressbar').css({"width" : "100%"}, 15000);
\t \t \t \t $('#progressbar').empty().append('Finalizing ...');
\t \t \t }
\t \t }
\t \t //Downloading file event.
\t \t function DownloadingFile(fileName) {
\t \t \t $('#subtext1').empty().append('Obtaining '+fileName+'.</br><b>'+window.filesleft+'</b> out of <b>'+window.totalfiles+'</b>');
\t \t }
\t </script>
<style type="text/css">
body {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar{
width:0px; // here actuall it exist but width is 0 so no one can see it
background:transparent;
} //end of the code here
// this code for further customization of thumbs
::-webkit-scrollbar-thumb{
background-color: rgba(0,0,0,0);
}
</style>
\t </div>
</body>
</html>