16:9 oder 4:3 - wie herausfinden

Servus allerseits,

habe mir eben folgende Frage gestellt, und Google und Konsorten liefern mir keine Antwort:

Ich möchte gerne ein formatfüllendes Bild in den Hintergrund einer Seite stellen.
Wie das zu realisieren ist, ist kein Thema. Nur habe ich jetzt folgendes Problem:
Wenn ich eben ein Bild in einen DIV packe, welcher 100% hoch und breit ist, und
ein Bild darin platziere, welches dann auch 100% Höhe und Breite annimmt, dann
verzieht es mit das ganze je nachdem welches Seitenverhältnis das Bild hat.
Also wenn ich es für 4:3 optimiere, dann wird es bei 16:9 in die Breite gezogen, andersrum eben zusammengestaucht.

Jetzt hab ich mir gedacht, eventuell gibt es eine Abfrage, welche mir sagt, welches Seitenverhältnis der Besucher der Seite am Monitor hat.

Jemand eine Idee??

Danke für Hilfe!

Gruss
Sven

Hallo chefprolet,

die genaue Auflösung könnte man mit JavaScript herausfinden. Allerdings haben Monitore nicht immer ein Verhältnis von 16:9 oder 4:3 und dann haben einige noch 5 Symbolleisten, andere nur eine...
Allerdings gibt es für dein Vorhaben bereits ein paar Lösungsvorschläge hier im Forum:
Fullsize Background
Hintergrundbild immer 100%ige Breite

Gruß Janosch

Servus Janosch,

das mit dem Bild in den Hintergrund ist ja kein Problem.
Nur würde ich gerne eines für 4:3 und eines für 16:9 oder 16:10.

Die Lösungen verzerren die Bilder ja alle so wie ich das jetzt gesehen habe.

Zitat:

---

Zitat von chefprolet

Nur würde ich gerne eines für 4:3 und eines für 16:9 oder 16:10.
Die Lösungen verzerren die Bilder ja alle so wie ich das jetzt gesehen habe.

---

Soweit ich das sehe, verzerren die meisten davon doch nicht, sondern skalieren die Bilder nur entsprechend. Und was dann nicht mehr in den Browser passt, wird ausgeblendet. Wenn du für die entsprechenden Auflösungen einzelne Bilder verwenden willst, so wird dies nur mit JavaScript gehen (wie die meisten der Scripte auch funktionieren). Allerdings musst du dann auch den Fall, dass jemand die Größe seines Browserfensters verändert, berücksichtigen.

Gruß Janosch

Ich werd mal den moosizer testen.....das scheint mir zu laborieren....muss nur noch schauen, wie das genau funktioniert.

Gruss
Sven

hier werden ein paar lösungen vorgestellt. vielleicht findest du ja eine mögliche umsetzung, welche dich überzeugt.


gruss andi