Problem ze stroną

pytanie zadane 30 listopada 2017 w HTML i CSS przez Zozol Początkujący (270 p.)

Witam, mam problem z ramką widoczną na bokach i górze strony oraz ze stopką.Gdyby ktokolwiek mógł mi pomóc bez wyzywania kodu (tak wiem jest beznadziejny) będzie meeega <3.

LINK: https://jsfiddle.net/sLjv995w/

Stopka powinna być na całą szerokość i nie wiem czemu nie jest. A ramki to już jest moja największa udręka

1 odpowiedź

odpowiedź 1 grudnia 2017 przez JayJay Mądrala (6,020 p.)
wybrane 1 grudnia 2017 przez Zozol

Najlepsza

W jsfiddle nie ustawiłeś języka (w panelu, gdzie wkleja się kod CSS/SCSS) na SCSS, stąd kod nie jest odpowiednio przetwarzany i występuje ramka wokół 'body".
Stopka ma "bottom:0", "width: 100%" , ale brakuje "left:0", aby była wyrównana do lewej krawędzi.

komentarz 1 grudnia 2017 przez Zozol Początkujący (270 p.)

Footer działa, dzięki.

A rameczka jak odpalam u siebie to też jest :C

komentarz 1 grudnia 2017 przez JayJay Mądrala (6,020 p.)

Zmiana języka na SCSS nie pomaga?

https://jsfiddle.net/sLjv995w/2/

komentarz 1 grudnia 2017 przez Zozol Początkujący (270 p.)

Widzisz już te ramki ?:d

1	komentarz 1 grudnia 2017 przez JayJay Mądrala (6,020 p.) Widzę. Jednak u mnie działa ;). W jsfiddle i lokalnie. Skopiowałem z jsfiddle, skompilowałem tylko przed odpaleniem scss do css'a i działa.

komentarz 1 grudnia 2017 przez Zozol Początkujący (270 p.)

jakiś link mogę prosić do artykułu gdzie tłumaczą jak skompilować do "scss"? :D

komentarz 1 grudnia 2017 przez JayJay Mądrala (6,020 p.)

Ten kod, który uznałeś za CSS'a to w rzeczywistości SASS (scss w tym przypadku).

SASS to preprocesor CSS. Pozwala na szybszą i efektywniejszą pracę. Przez co jego składnia różni się od standardowego CSS. Przed dołączeniem do strony jako arkusz stylów plik SASS (w tym przypadku z rozszerzeniem .scss) musi zostać skompilowany do CSS, gdyż przeglądarki nie rozumieją (i/lub źle interpretują) składni preprocesorów.

Oficjalna strona SASS

Co daje nam Sass i dlaczego warto go używać?

komentarz 1 grudnia 2017 przez Zozol Początkujący (270 p.)

Ogarnąłem temat. Tylko podczas kompilacji (używam programu o nazwie "Koala") pojawia się taki błąd:

ArgumentError: invalid byte sequence in UTF-8
  Use --trace for backtrace.

jakieś pomysły?

komentarz 1 grudnia 2017 przez JayJay Mądrala (6,020 p.)

Plik scss masz zapisany w UTF-8?

Jeżeli nie / nie wiesz, to otwórz go (najprościej) w notatniku "zapisz jako", wybierz kodowanie utf-8 i zapisz. Upewnij się tylko potem w eksploratorze windows, że ma prawidłowe rozszerzenie.