Responsive div-Tag mit korrektem Seitenverhältnis

Viele Websites nutzen, beispielsweise im Header-Bereich, ein DIV, dem ein background-image zugewiesen wird. Das sieht schön aus, kann jedoch bei Responsive Designs zu Problemen führen.

Bei Responstive Designs passt sich das Seitenlayout dem jeweiligen Gerät an, mit dem die Website betrachtet wird. Die Breite eines DIVs passt sich dabei im Regelfall passend an. Zum Problem kann jedoch die Höhe werden. Um kein abgeschnittenes oder unglücklich platziertes Hintergrundbild zu erhalten, hilft folgender Trick.

[weiterlesen]Responsive div-Tag mit korrektem Seitenverhältnis