Rozciąganie diva do dołu strony

0

Jak rozciągnąć diva aż na dół strony ale zostawić odstęp np. 40px ?

0

height: calc(100% - 40px)

0

Działa, tu masz opisane wsparcie: http://caniuse.com/#feat=calc

0

HTML:

<!DOCTYPE html>
<html lang="pl" >
<head>
<meta charset="utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" ></link>
</head>
<body>
<div id="content" >
Jakiś text.
</body>
</html>

CSS:

body
 {
	margin: 0;
	padding: 0;
 }
 
 #content
 {
	background-color: black;
	color: white;
	height: calc(100% - 40px);
 }

Nie działa.

0
html, body {
    height: 100%;
}
0

Nieprawdopodobne :) działa :) jestem w pełni szczęścia :)

Tylko jak mam jednego diva ale jak content jest 3 divem na stronie to już nie i jak div jest w content to też nie :(

0

OK już wiem.
Z 100% się udało ale jak zrobić żeby było 100% z diva w którym się znajduje ?

0
height: 100%

Sprawia ustawienie wysokości na 100% wysokości rodzica, co chcesz osiągnąć? Najlepiej zobrazuj.

0

Pierwszy div też zajmuje miejsce. Można użyć calc ale nie o to mi chodzi. Może jest prostszy sposób.

1 użytkowników online, w tym zalogowanych: 0, gości: 1