Procenty w CSS

pytanie zadane 23 października 2016 w HTML i CSS przez gift256 Początkujący (280 p.)
zmienione kategorie 23 października 2016 przez Arkadiusz Waluk

Witam
Mam problem z procentami. Css nie chcę mi z jakiegoś powodu ich odczytywać

Html

<!DOCTYPE HTML>
<html lang="pl">
<head>
   <meta charset="utf-8" />
   <title></title>
   <meta name="description" content="" />
   <meta name="keywords" content="" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <link rel="stylesheet" href="style.css" type="text/css" />
</head>
	<body>
		<div id="top">
		</div>
		<div id="content">
		</div>
		<div id="content2">
		</div>
		<div id="foother">
		</div>
	</body>
</html>

CSS

Body{
	width:auto;
	margin: 0px;
}
#top{
	width: 100%;
	height: 9%;
	background-color: blue;
}
#content{
	width: 100%;
	height: 30%;
	background-color: green;
}
#content2{
	width: 100%;
	height: 30%;
	background-color: red;
}
#fother{
	width: 100%;
	height: 7%;
	background-color: grey;
}

2 odpowiedzi

odpowiedź 23 października 2016 przez Barus Stary wyjadacz (14,120 p.)
wybrane 11 marca 2017 przez gift256

Najlepsza

Ponieważ do właściwości "height" nie wpisuje się wartości w procentach. Zmień we wszystkich height wartości z % na np. vh. Vh działa podobnie jak % w width. Jeżeli przypiszesz np. height: 50vh; to div zajmie 50% wysokości ekranu. Powinno być ok. Poczytaj gdzieś dodatkowo o wartościach, które przypisuje się height ;)

Pozdrawiam!