dopasowanie wysokości strony do rozdzielczości ekranu - Gantry 5
Wyniki 1 do 4 z 4

Temat: dopasowanie wysokości strony do rozdzielczości ekranu - Gantry 5

  1. #1
    Przeglądacz
    Dołączył
    18-03-2011
    Skąd
    Łódź
    Wpisy
    38
    Punkty
    10

    Domyślny dopasowanie wysokości strony do rozdzielczości ekranu - Gantry 5

    Cześć. Buduję stronę onepage na szablonie Gantry 5. link. http://bbconsulting.com.pl/test/index.php/pl/

    Chciałbym aby każda zakładka miała wysokość całego ekranu. Samo "height: 100%;" nie zdaje egazminu.
    Zastosowałem "height: 100vh
    np:

    #g-oferta {
    background: #b3814f none repeat scroll 0 0;
    height: 100vh;
    padding-bottom: 200px;
    padding-top: 200px;
    text-align: justify;}

    i to rozwiązało problem ale tylko na komputerach PC. Na urządzeniach mobilnych tekst wylewa się po za tło i wchodzi na kolejne zakładki. Zupełnie nie do zaakceptowania.

    Obecnie tylko baner główny zostawiłem tak opisany bo nie ma tekstów, które uciekają po za jego granice.


    Czy znacie może skrypt który dopasowałby wysokość jednocześnie na komputerach jak i urządzeniach mobilnych?

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Senior moje awatar
    Dołączył
    08-01-2008
    Skąd
    Silesia
    Wpisy
    6 057
    Punkty
    188

    Domyślny

    Tekst też trzeba dostosować, praktycznie wszystko trzeba dostosować. Jedno ustawienie na 100vh tego nie załatwi.
    Webdeveloper do usług ;)

  4. #3
    Bywalec
    Dołączył
    13-06-2014
    Skąd
    Nowa Ruda
    Wpisy
    213
    Punkty
    45

    Domyślny

    Możesz spróbować w dodać do css ten kod:

    padding-top:20%;
    padding-bottom:20%;
    min-height: 100vh;
    box-sizing: border-box;

    zarówno do #g-oferty jak i do #g-onas

  5. #4
    Przeglądacz
    Dołączył
    18-03-2011
    Skąd
    Łódź
    Wpisy
    38
    Punkty
    10

    Domyślny

    Dzięki za odpowiedzi Panowie.

    Szydlak, Twój sposób przyniósł efekt. Wygląda na to, że wszystko gra. Dzięki za pomoc

Podobne tematy

  1. Problem z dostosowaniem strony do rozdzielczości ekranu
    przez Foggi na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 4
    Ostatni post/autor: 28-01-2015, 22:33
  2. slider dopasowujący wysokość 100% height w zależności od rozdzielczości monitora
    przez krajak na forum Rozszerzenia - problemy z obsługą, zarządzaniem
    Odpowiedzi: 3
    Ostatni post/autor: 04-09-2014, 15:09
  3. Dopasowanie wysokości tła
    przez jopomoc na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 1
    Ostatni post/autor: 22-05-2013, 23:35
  4. Dostosowanie elementów strony do rozdzielczości ekranu
    przez Medivh na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 6
    Ostatni post/autor: 16-06-2012, 22:40
  5. Szerokość tła templatki w zależności od rozdzielczości ekranu
    przez sarven na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 11
    Ostatni post/autor: 18-12-2009, 22:30

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •