[jaskowice1]

Jak zrobić żeby strona nie była scrollowalna, nie chodzi mi o overflow:hidden, tylko żeby zrobić tak żeby wykorzystywała 100% wysokości. #webdev

[Rst00]

Height: 100vh? Nie wiem dokładnie co chcesz osiągnąć. Chcesz mieć stronę, która będzie miała 100% widocznej wysokości? No to height: 100vh

[jaskowice1]

@Rst00: a czemu vh?

[moon5]

vertical height
Ale czy to naprawdę zadziała... Ciekawe, muszę kiedyś zrobić eksperyment.

[Rst00]

1vh = 1% viewport height czyli maksymalnej widocznej wysokości urządzenia. 100vh daje 100%.

[jaskowice1]

@Rst00: Niestety to nic nie daje.

[moon5]

@Rst00: A więc nie vertical height... ?

[Rst00]

@jaskowice1: http://jsfiddle.net/ wklej swój kod i narysuj w paincie co chcesz zrobić

[moon5]

@moon5: Pomyliło mi się z vertical-align. Dawno się tym nie zajmowałam. Sorry.

[jaskowice1]

@Rst00: i chcę zrobić tak żeby tego scrolla po prawej nie było i żeby wszystko zmieściło się na height:100%

[Rst00]

@jaskowice1: a co ma się dziać w przypadku jak w środkowej części będzie za dużo treści? Mi to wygląda na zwykłe "sticky footer", wpisz to w Google.

[k.....e]

Miałem ten sam problem kiedyś. Rozwiązaniem jest skrypt JS, który sprawdza dostępność miejsca w przegladarce użytkownika, zapisuje do ciasteczka. Następnie skrypt PHP na podstawie danych z ciasteczka ustala wartość height elementu. Jak znajdę, to wkleję kod.

[laki1]

Jak znajdę, to wkleję kod

@kitke: nie trzeba :p

[jaskowice1]

@Rst00: ok to sticky footer :-) tylko teraz muszę zrobić tak żeby tło było do stopki, a nie przechodziło za stopkę :p

[Rst00]

@jaskowice1: no a nie prościej nadać dla footer inne BG?

[jaskowice1]

@Rst00: no tak jest :P tylko co zrobić żeby obrazek bg contentu nie wychodziło w dół poza stopkę?

[Eggy]

@jaskowice1: ustaw content na 100% wysokości i daj mu overflow: auto(ew overflow-y: auto; overflow-x: hidden;) A jak chcesz dodać header i footer to możesz zrobić contentowi padding, a im dwóm position: absolute; i odpowienio je zpozycjonować(top: 0; i bottom: 0;)

[Rst00]

@jaskowice1: zależy jakiego tricka uzyles na sticky footer, jak z position absolute to padding na content powinien wystarczyc.

[Eggy]

@jaskowice1: Co do background, to chyba najlepszym rozwiązaniem będzie background-size: cover;

[jaskowice1]

@Eggy: dzięki :-)

[jaskowice1]

@Eggy: @Rst00: @kitke: sticky footer dobrze przylega, bo chcę zrobić stronę bez możliwości scrollowania, ale mam problem żeby to tło było rozmiaru takiego żeby się mieściło do footera