Skalowanie strony html

[rudymax104 1]

Witam, ostatnio postanowiłem zacząć pisać stronę html. Robię to tylko hobbystycznie, lecz chciałbym żeby była ona dobra i stąd wynika moje pytanie: jak to zrobić by elementy strony skalowały się odpowiednio do ekranu wyświetlającego stronę. Framesetem podzieliłem stronę na pasek boczny i właściwą stronę. W pasku bocznym mają znajdować się odnośniki do podstron i zauważyłem ze przy powiększeniu pojawiają suwaki, których nie powinno być.

 

Z góry dziękuje za pomoc

Max

 

[szatkus 282]

Łyknij jakiś tutorial o responsive design.

 

Frameset to jest niezbyt dobre rozwiązanie, ale pewnie dałoby się coś z tym zrobić. W wymiarach CSS używaj procentów i słowa kluczowego calc, zainteresuje się właściwościami float, overflow i może coś z tego uda Ci się wyrzeźbić.

[rudymax104 1]

Ok, dzięki. Poczytam i sprawdze czy zadziała

[maxellxl 55]

Bootstrap i jego grid system albo flexbox

[szatkus 282]

Z frontendu wypisałem się już jakiś czas temu, ale flexbox mimo swojej fajności chyba nie jest jeszcze obsługiwany przez znaczną część klientów?

Edytowane 21 Lipca 2015 przez szatkus

[Luki91 157]

 

 

Frameset to jest niezbyt dobre rozwiązanie

 

Delikatnie powiedziane

 

 

 

jak to zrobić by elementy strony skalowały się odpowiednio do ekranu wyświetlającego stronę

 

Poczytaj tutoriale o HTML5 i CSS3. Jeśli chcesz się czegoś nauczyć to nie idź na łatwiznę z gotowymi rozwiązaniami, tylko napisz to samemu za pomocą przykładów w sieci. To nie jest jakoś bardzo skomplikowane.

Na szybko dwa linki:

- jak zrobić dwukolumnowy layout http://www.everythingaboutweb.com/html5-two-column-css-layout/

- zmiana styli css wraz ze zmianą szerokości strony za pomocą media queries https://css-tricks.com/css-media-queries/

[maxellxl 55]

@szatkus

najnowsze przegladarki obsługuja juz...

bodaj nawet ie10 z prefixem -ms-

[rudymax104 1]

Dziękuje za wszystkie odpowiedzi. Temat uznaje za zamknięty.

[szatkus 282]

@szatkus

najnowsze przegladarki obsługuja juz...

bodaj nawet ie10 z prefixem -ms-

 

Problem jest taki, że nie wszyscy mają najnowsze przeglądarki

Zależy w jaki target się celuje.