Stały rozmiar strony

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

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.

odpowiedź 27 listopada 2015 przez Eryk Andrzejewski Mędrzec (164,260 p.)

odpowiedź 27 listopada 2015 przez migacz100 Mądrala (5,410 p.)

http://www.w3schools.com/css/css_rwd_intro.asp

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?

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.