• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Stały rozmiar strony

VPS Starter Arubacloud
0 głosów
2,930 wizyt
pytanie zadane 26 listopada 2015 w HTML i CSS przez Głaz997 Bywalec (2,250 p.)

Witam, jaki jest kod css aby strona była ciągle tego samego rozmiaru? (podczas przybliżania, oddalania/ zmiany rozdzielczości pokazywały się suwaki a nie strona się rozsypywała? )

4 odpowiedzi

+1 głos
odpowiedź 26 listopada 2015 przez Ivan Maniak (60,650 p.)

Czy chodzi Ci o responsywność? Jeżeli tak to:

<meta name="viewport" content="width=device-width, initial-scale=1" />

 

komentarz 26 listopada 2015 przez Głaz997 Bywalec (2,250 p.)
Chodzi mi tutaj o to że mam stronę i wszystko gra, jednak gdy ją przybliżę tekst zaczyna uciekać np. pod innego diva. Chciałbym aby to wszystko nie zmieniało się a jedynie pokazał się suwak którym bd mogli przesunąć na elementy które się nie mieszczą na ekranie. Niestety po wklejeniu twojego kodu do sekcji <head> nic się nie zmieniło.
+1 głos
odpowiedź 27 listopada 2015 przez Eryk Andrzejewski Mędrzec (164,260 p.)
W takim razie pozamieniaj w CSS piksele na procenty. Strona nie będzie responsywna, ale nic się nie bedzie rozsypywało.
+1 głos
odpowiedź 27 listopada 2015 przez migacz100 Mądrala (5,410 p.)
komentarz 27 listopada 2015 przez ShiroUmizake Nałogowiec (46,300 p.)
Parę możliwości:

-Ustaw div absolutnie względem do kontera.

-Posprawdzaj float, czy gdzięś się nie przykleja. Ostatecznie divowi możesz ustawić float, pamiętaj by czyścić tą wartość. Bo inaczej wszystko sobie będzie fruwać. Jeżeli masz dużo tekstu, a nie chcesz by schodził, możesz scroola ustawić.

-Padding ma spory wpływ, jeżeli są duże.

-Powiększ container?
+1 głos
odpowiedź 27 listopada 2015 przez tomashpl Obywatel (1,370 p.)
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
               #container {
                    width: 1000px;
                    margin: 0 auto;
               }
        </style>
    </head>
    <body>
        <div id="container">
                /* TUTAJ DOPIERO WRZUCAJ ZAWARTOŚĆ */
        </div>
    </body>
</html>

I jeśli chcesz, żeby strona miała stałą szerokość niezależnie od szerokości okna, w którym jest wyświetlana, to nie stosuj broń boże RWD. 

Niemniej jednak błędem projektowym jest robienie stron nieopartych o RWD, czyli właśnie takich, jak chcesz mieć, o stałych wymiarach.

Prawidłowym podejściem powinno być takie zaprojektowanie witryny, aby przy każdym rozmiarze okna była odpowiednio wyświetlona (odpowiednio nie znaczy, że dokładnie tak samo, a jedynie, że powinna być czytelna i poręczna).

Jeśli jesteś zainteresowany RWD to polecam poczytać o frameworku Bootstrap.

Podobne pytania

0 głosów
2 odpowiedzi 119 wizyt
pytanie zadane 6 marca 2023 w HTML i CSS przez Dawidziu Bywalec (2,630 p.)
0 głosów
1 odpowiedź 392 wizyt
pytanie zadane 6 lipca 2018 w HTML i CSS przez Layoutowiec Mądrala (5,470 p.)
0 głosów
1 odpowiedź 181 wizyt
pytanie zadane 28 czerwca 2018 w HTML i CSS przez Kolberg Obywatel (1,560 p.)

92,768 zapytań

141,694 odpowiedzi

320,510 komentarzy

62,106 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...