[CSS]Jak zrobić stronę na każdą rozdzielczość ? Opcje

[przemek89k]

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 :
(IMG:http://img839.imageshack.us/img839/783/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ę ).

[sadistic_son]

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).

Nie ma jednoznacznej odpowiedzi, a właściwie to nie ma żadnej na 100% pewnej. Różnice między przeglądarkami to odwieczne utrapienie webmasterów.
W walce z tym przydadzą się narzędzia diagnostyczne w IE (klawisz F12) oraz FireBug w FF (trzeba go doinstalować). Po prostu robisz stroną i sprawdzasz ją na bieżąco w najpopularniejszych przeglądarkach: FF, IE 6, IE >=7, Opera, Chrome, Safari. I stopniowo rezygnujesz z opcji które na jednej przeglądarce działają bez zarzutu a na innej w ogóle nie działają, lub zastępujesz je innymi.