Dopasowanie strony do rozdzielczosci monitora

Witam
Poskładałem stronkę na WordPressie i wszystko by było ok gdyby nie jeden szkopuł, mianowicie , chciałbym żeby stronka dopasowywała się do rozdzielczości monitora tak żeby nie było z boku paska scrolowania, kombinowałem już ze sliderem i jak narazie nic mi nie wyszło póki co przy rozdzielczości 1366 x 768 widać kawałek zdjęcia i pasek scroll a przy 1920x1080 biały pas na dole. Próbowałem nadać dla slidera rozdzilczosc 100% ale nic nie pomogło
Użyłem skórki asteria lite i slidera "Simple Responsive Slider"
Oto link do strony

http://fotoobiektywnie.pl/

Za każdą sugestie będę bardzo wdzięczny

To co nikt nie wie?

Ale przecież tylko chyba zdjęcia są w sliderze tak? To w takim razie i tak będzie pasek bo jest jeszcze zawartość po za sliderem. Mógłbyś stworzyć główny container, a w nim menu, slider i stopka a nastepnie w media queries ustawić parametry. Jako, że to jest WP nie mogę Ci dokładniej powiedzieć, gdyż nie lubie się w nim bawić

Tylko jak w WP zamknąć wszystko w containerze... przy zwykłych stronach masz plik index w którym bez problemu robisz dużego diva i zamykasz w nim wszystko potem w css ostylowanie i gotowe a w WP pełno plików PHP do każdego elementu i szczerze mówiąc nie wiem jak to zrobic...

A może dałoby radę rozwiązać to podając obrazek jako tło dla każdego li w sliderze ?

A ja bym pokusił się o zrobienie strony aby dopasowywała się nie tylko do szerokości, ale i do wysokości

Można to zrobić prostym sposobem, lecz takim naciągniętym dużo... dużo - ale może akurat Ci wystarczy

Pobierasz w JavaScript wysokość OKNA przeglądarki (nie wysokość ekranu) od tej wysokości odejmujesz jakieś 10-20 px (taki margines bezpieczeństwa) i ustawiasz dla wartości html, body css z JavaScript: height = wysokość okna przeglądarki - 20px; 

Dodatkowo już w normalnym css, usuń sobie paski x i y.. 

I w tym przypadku bd mieć naciągnięty efekt

Błędy przy działaniu:

- Jeśli w czasie pracy zmienimy wysokość okna, czyli (bez odświeżenia strony) zmniejszymy okno strony to cały szablon szlak trafi - dlatego jest to naciągnięte ...

Ew.. możesz się pobawić w CSS Media Queries:

@media screen and ( max-height: 600px ){ itd..

Ale jak to działa to Ci nie powiem, bo zazwyczaj idzie się w szerokość niż wysokość

Pozdrawiam.

Jeśli w czasie pracy zmienimy wysokość okna, czyli (bez odświeżenia strony) zmniejszymy okno strony to cały szablon szlak trafi - dlatego jest to naciągnięte

$(window).resize(functin(){ ... });