Hogyan érhetem el, hogy az elemek mindig ugyanazon a helyen maradjanak, akármekkora képernyőn nyitják meg az oldalt?

Bocsánat, lehet hogy volt már ilyen kérdés, de nem találtam. Most kezdtem tanulgatni a webszerkesztést és eddig egész jól is ment, de elakadtam. Lehet, hogy az egészet rossz irányból közelítettem meg, de leírom pontosan mi a gond. Menüsort akarok csinálni, ezért photosopban megszerkesztettem a "gombokat", majd egy <div class="gombok"> dobozba beleraktam mind a négyet, úgy hogy ha egyikre kattintok akkor átirányítson a következő oldalra. Ezután beállítottam, hogy az egész a felső sorba kerüljön közvetlenül a logó után. Nagyon örültem mikor mindez kész lett, mert az én laptopomon pont úgy nézett ki, ahogy akartam. De aztán leteszteltem apukám gépén, aztán telefonján, aztán a tévén, és sajnos ott már borult az egész összevissza tördelte, pakolgatta az elemeket torlódtak, meg minden. Mit kell csinálni, hogy ez ne történjen? Megpróbáltam azt is, hogy pixelek helyett százalékos arányt adtam meg mindenhol, de ugyanúgy összenyomja. A pozíciónak azt írtam hogy absolute. Próbáltam azt is, hogy fixed, de az nem erre való mint kiderült.