Skocz do zawartości

Jak zrobić stronę pod każdą przeglądarkę ?


przemek89k

Recommended Posts

Jako początkujący w tym temacie mam pewne pytanie.

Napotkałem pewne problemy z wyglądem strony w różnych rozdzielczościach i przeglądarkach.

Na początek dam, mały obrazek o co mi chodzi :

64615739.th.jpg

Na obrazku powyżej obramowanie to okno przeglądarki, w którym jest strona internetowa.

Załóżmy, że w css ustawiam sobie jakieś tło (na obrazku to zielone) - i chcę stworzyć u góry na nim przy krawędzi menu (czarne).

Dodaję zatem nowy obrazek graficzny (menu) i za pomocą padding i/lub margin (wpisując liczbę px) przesuwam je odpowiednio od lewej krawędzi tak aby było na równi z tłem zielonym (tak jak to jest przy obrazku Firefox).

I w ten sposób jeżeli ktoś ma inną przeglądarkę niż moja np. IE albo inną rozdzielczość to marginesy są większe i wpisana przeze mnie liczba px jest inna niż on ma, dlatego u niego będzie się to krzaczyło ?

Jak w takim razie zrobić uniwersalną stronę, aby działała ona w każdej rozdzielczości i pod każdą przeglądarką (mogą być małe wyjątki).

PS: A czy ktoś miałby na tyle siły i chęci, aby pomógł mi poskładać w CSS stronę - jest ona niewielka, grafikę mam przygotowaną i pokazaną jak ma wyglądać - pozostaje kwestia napisania kodu (napisałem sam, ale właśnie są problemy o których piszę ).

Link do komentarza
Udostępnij na innych stronach

  • 1 month later...
  • 3 months later...
Gość Lvcas

Użyj JS-a który automatycznie będzie informował uzytkownika, by zmienił przeglądarkę.

wiadomo, że IE inaczej interpretuje kod niż np. Firefox.

____________________

bieżnie

Link do komentarza
Udostępnij na innych stronach

  • 6 months later...

Można próbować różnych trików, ale jedyny sposób to zaopatrzyć się w kilka najpopularniejszych przeglądarek. Poszukaj też wersji portable - można korzystać wtedy z kilku wersji tej samej przeglądarki na raz.

Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...