Przystosowanie strony internetowej do użycia w 4 przeglądarkach

Question

Witajcie. Mam pewien problem. Mój nauczyciel zadał mi pracę nt. przystosowania strony internetowej do działania w 4 przeglądarkach (Opera, Firefox, Chrome, nowy IE czy tam Edge (jak zwał, tak zwał). Praca ma określać, na co zwrócić uwagę, by strona odpalała się tak samo w czterech przeglądarkach (z tym samym wyglądem, rozdzielczością...) Tyle że nigdy tego nie robiliśmy na lekcjach. Mój wychowawca niestety leci z "programem" i praktycznie niczego nie wyjaśnia - po prostu rzuca nam tematy na twarz, zajmując się przez całą lekcję czymś innym. I w ten sposób musimy wszyscy sami ogarnąć to, co widzimy i z czym się spotykamy pierwszy raz. Więc czy ktoś z was, forumowiczów, mógłby mnie nakierować na rozwiązanie problemu? Oczywiście, mam przygotowaną swoją stronę internetową (a raczej jej szablon) i nie mówię o pisaniu pracy za mnie, czy coś w tym stylu. Chodzi mi o to, jak dodać, nie wiem, jakieś linijki do HTML-a czy CSS-a, by strona wyglądała identycznie w każdej z wymienionych przeze mnie przeglądarek?

Pozdrawiam serdecznie. Patryk

Answer 1

Jeśli piszesz zgodnie ze standardami, to de facto strona powinna wyglądać spójnie w tych przeglądarach (zwłaszcza, że Chrome i Opera to de facto to samo).

Warto jedynie zaznajomić się z normalize.css, jeśli występowałyby jakieś minimalne różnice w stylach.

Comments

Dokładnie tak. Problem pojawia się jeśli chcesz aby strona wyglądała tak samo w starszych wersjach IE, ale autor o tym nie wspominał

---

Jestem dopiero początkujący w programowaniu webowym. Piszę w standardzie html 5. Podpiąłem ten plik normalize.css do mojej stronki, ale kiedy przeglądam ten kod to nie ogarniam o co chodzi. Jest jeszcze jeden problem. Przy powiększeniu strony na 100% strona wygląda normalnie. Ale kiedy zwiększam scrollem powiększenie, to menu główne się rozjeżdża:

---

Ja nie wiem co wszyscy mają z tym zoomem… W nim się nie testuje stron i tyle.

---

Od testowania stron w różnych rozmiarach w Firefoxie jest Ctrl+Shift+M, a nie zoom lub zmiana rozmiaru ekranu.

Answer 2

Być może chodzi mu o to, żeby zresetować css http://kodcss.pl/kurs-css/lekcje/dzial-4/reset-css

Comments

Nie, nie chodzi o to. Chodzi o to, by strona na każdej przeglądarce uruchamiała się tak samo, tj. z tą samą, domyślną rozdzielczością, z tym samym rozmieszczeniem i wyglądem elementów i żeby ta strona po zmianie jej rozmiaru w oknie przeglądarki dostosowywała się do jej rozmiarów (nie wiem, może to chodzi o resnponsywność, ale ja tego tematu nie ogarniam)

Answer 3

Jezeli chcesz strone przystosowac do IE to widzialem if:

 

<--- IF[IE] --->
<link rel="stylesheet" href="ïe.css" type="text/css" />
<--- end if --->

 

Comments

Prawie dobrze, z tym że komentarze w html nieco inaczej się zapisuje.

https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Answer 4

Normalize, * { margin: 0; padding: 0; } lub reset, ogólnie to różnice są w technologiach, które dopiero się rozwijają (np. Flexbox) czy wyglądzie buttonów/inputów. Nie sposób tych zasad spisać "ogólnie". Można co najwyżej konkretną stronę pod to przystosować...

Answer 5

Dziękuję wam za odpowiedzi. Rozumiem, że resetować na stronie można zarówno wszystko, albo tylko niektóre elementy.

Temat można zamknąć.