Css hjälp. Knappar flyttar på sig + klara ej zoom

Kan du lägga upp en bild eller länk på hur det ser ut?

position:absolute är alltid relativ till föregående element, med andra ord är det svårt att svara på vad som kan vara fel utan att se hela sidan och dess struktur.

@boyen89: Svårt att säga vad som är fel utan bättre inblick i sidans struktur. Vore därför kanon om du kunde skapa en fiddle (här: https://jsfiddle.net/) som innehåller relevanta delar av koden för det du har problem med.

Du vill nog ha en wrapper runt dina element, om inte annat kan du lägga in denna i body i CSS-filen (här kan du läsa mer om det). I body kan du då specifiera bredden på sidan, och ha dina knappar som absoluta element (förslagsvis med avstånden specificerade i em istället för procent).

Sedan ser jag också att du har väldigt mycket kodupprepning i din CSS-fil. Skapa istället en klass som heter "button", där du lägger in allt kopplat till knappens utseende. Därefter kan du ha en klass för varje button som endast innehåller allt som är positionsrelaterat. Då kan du i din HTML-fil skriva class="button button1" så får du med egenskaperna för de båda klasserna till din knapp. På så sätt går din CSS-fil från typ 100 rader till kanske 20.