Probleme mit responsivem Design

Hallo,

zunächst solltest du bei HTML das "Best Practice" berücksichtigen. Das benötigst du um überhaupt die Grundlagen für ein Responisve Design zu erstellen.

So sollten zum Beispiel a-Elemente sich immer in geeigneten Containern wie p, h1 bis h6, li u.s.w. befinden.

Weiterhin solltest du grundsätzlich auf "position: absolute" verzichten. Das beißt sich in der Regel mit Responsive Design.

Zitat

Ich habe den Code beim responsiven Teil für @media (max-width: 900px) und @media (max-width: 480px) geschrieben.

Die Vorgehensweise ist falsch und führt genau zu den Problemen, mit denen du dich grade rumschlägst.

Die Breakpunkte des Responsive Design hängen nicht von Bildschirm- oder Fenstergrößen, sondern vom Inhalt ab. Danach musst du sie also ausrichten. Sich von vornherein auf bestimmte Breiten wie 900px oder 480px festzulegen ist schlicht falsch. Sowas wird leider immer noch von Leuten verbreitet, die das Responsive Design nicht verstanden haben oder gar noch am Papierlayout festhängen.

Gruss

MrMurphy