Jak rozciągnąć diva aż na dół strony ale zostawić odstęp np. 40px ?
Rozciąganie diva do dołu strony
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Rzeszów
0
height: calc(100% - 40px)
- Rejestracja: dni
- Ostatnio: dni
0
Działa, tu masz opisane wsparcie: http://caniuse.com/#feat=calc
- Rejestracja: dni
- Ostatnio: dni
- Postów: 231
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.
- Rejestracja: dni
- Ostatnio: dni
0
html, body {
height: 100%;
}
- Rejestracja: dni
- Ostatnio: dni
- Postów: 231
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 :(
- Rejestracja: dni
- Ostatnio: dni
- Postów: 231
0
OK już wiem.
Z 100% się udało ale jak zrobić żeby było 100% z diva w którym się znajduje ?
- Rejestracja: dni
- Ostatnio: dni
0
height: 100%
Sprawia ustawienie wysokości na 100% wysokości rodzica, co chcesz osiągnąć? Najlepiej zobrazuj.