Margines który nie powinien istnieć, istenieje

pytanie zadane 28 kwietnia 2018 w HTML i CSS przez uszk Użytkownik (630 p.)

Witam, jestem w trakcie robienia strony, i pojawiła mi się przeszkoda, którą próbowalem obejść na milion różnych sposobów - zmiany w kodzie, 50 razy przeczytanie czy wszystko jest w porzadku etc.

Mianowicie mam margines który powoduje że moja strona ma nieestetycznie wyglądający scroll bar na dole strony, mam nadzieje, że ktos wie jak to naprawić lub w czym tkwi problem, z góry dziękuje za odpowiedź.

komentarz 28 kwietnia 2018 przez pablop76 VIP (123,180 p.)

body również zresetowane?

1 odpowiedź

odpowiedź 28 kwietnia 2018 przez PięćCzySześć Użytkownik (770 p.)

pokaż cały kod HTML i CSS (głównie CSS) jeśli to nie jest problem

komentarz 28 kwietnia 2018 przez uszk Użytkownik (630 p.)

@PięćCzySześć,

<!DOCTYPE HTML>
<html lang="pl">
	
	<head>
		<title></title>
		<meta charset="utf-8"/>
		<meta name="description" content=""/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="keywords" content=""/>
		<link rel="stylesheet" href="style.css" type="text/css"/>
		<link rel="stylesheet" href="animate.css" type="text/css"/>
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">	
	</head>
	
	
	<body>
		<div id="site1">
			<nav id="nav" class="nav jackInTheBox animated">
				<ol>
					<li><a href="#">Home</a></li>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Domestic</a></li>
					<li><a href="#">Exhibitions</a></li>
					<li><a href="#">Commercial</a></li>
					<li><a href="#">Contact</a></li>
				</ol>
			</nav>
					
				<div id="intro">

					<h1  id="kop" class="kope fadeIn animated">
						Kope<span class="orange">Ltd</span>					
					</h1>
					<h2 id="text" class="exp fadeIn animated">
						Experience the <span class="orange">Power </span> of High quality connection<span class="orange">. </span>
					</h2>
				</div>		
		
	
		
		</div>
		<div id="site2">
			
				<header class="header1">
					About Us
				</header>
				<article class="article1">
			
				</article>
		</div>
		
	</body>

 
body {

    margin: 0px !important;
	background-color:black;
}

#site1
{
	height:100vh;
	width:100vw;
	margin: 0px !important;
	color:white;
	padding:0 !important;
}


h1
{
	letter-spacing:8px;
}

#intro
{
	font-family: 'Montserrat', sans-serif;
	width:100vw;
	text-align:center;
	padding-top:140px;
	font-size:72px;
	margin-bottom:0px;

}


.orange
{
	color:#ff471a;
}

.exp
{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:50px;
	-webkit-animation-delay:0.5s;		/*Po jakim czasie sie pojawi*/
}



#kop{
-webkit-animation-duration: 7s;
-moz-animation-duration: 7;

}

#text{
-webkit-animation-duration: 10s;
-moz-animation-duration: 10;
}
#nav
{
	-webkit-animation-delay:2.5s;
}


nav
{ 
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	width:95vw;
	padding: 10px ;
	background-color:#000000;
	text-align: center;
	height:40px;
}
 

ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 35px;
	line-height: 200%;
	display: inline-block;
}

ol a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

ol > li
{
	float: left;
	width: 150px;
	height: 40px;
	border-right: 1px solid #ff471a;
}

ol > li:first-child
{
	border-left: 1px solid #ff471a;
}

ol > li:hover
{
	background-color: #ff471a;;
}

ol > li:hover > a
{
	color: #000000;
}

#site2
{
	background-color:white;
	color:black;
	width:100vw;
	height:100vh;
}

.header1
{
	font-size:72px;
	text-align:center;

}

komentarz 29 kwietnia 2018 przez PięćCzySześć Użytkownik (770 p.)

pierwsza rzecz jaka rzuciła mi się w oczy to brak zamknięcia html

poza tym polecam Ci te 2 strony

https://jigsaw.w3.org/css-validator/

https://validator.w3.org/

a ja teraz zabieram się do sprawdzania, dam znać najpóźniej jutro wieczorem

komentarz 29 kwietnia 2018 przez PięćCzySześć Użytkownik (770 p.)

dobra chyba znalazłem w CSS

dając właściwości nav (nie klasa czy tam ID tylko znacznik) masz ustawione 95vw... a jakbyś dał auto to byłoby źle? I ten padding tak jakby co