Welche Background grösse auf Welche Bildschirmauflösung geschlossen

[alesh]

Hallo Zusammen.
Ich habe eine Hompage mit einem ausfühlenden Background.
Ein skript zum auslesen der Bildschirmauflösung des Users habe ich bereits. Meine frage ist nun.
Welche grösse muss ich für welche auflösung nehmen:
Also zum Beispiel:
User kommt mit 1600x1200 = Auflösung des bildes 1500x 1200

Oder so.
Hat jemand ne Tabelle oder ein hilfreichen Tipp?
(Leider hab ich auch nit alle Screen zum die verschiedenen Auslösungen zu testen)

Vielen Dank!

mfg
Alesh

 

[Atomius]

Wenn sowas so einfach wäre, dann würd das bereits jeder Webmaster machen. Isses aber leider nicht
Ein kleiner Scriptblocker, und deine Seite sieht aus wie Kraut und Rüben. Zudem wer sagt, dass ein User seinen Fuchs immer im Fullscreen fährt, und nicht im Fenstermodus? Alles Dinge die man (leider) nicht wissen kann.

Mein Tipp:

Mach die Page auf der 1024 Auflösung, das ist der am weitesten verbreitete Standart, und fass die Page dann in einen flexiblen Rahmen ein, der zum Beispiel aus kleinen Kästchen besteht. Hab das ganze bei meiner Dj Homepage gelöst

//Dazu gibt es das Webseitenberatungs- und Kritikforum

Wenn du genau hinguckst, dann siehst du wo die Homepage endet und der Rahmen anfängt

Überlegs dir, solche Sachen sind immer ne Wissenschaft für sich..
Viel Erfolg noch

lg Atomius

 

[Broken Sword]

Hi,
erstmal, was soll das Präfix? Info? Wilst du uns über deine Ahnungslosigkeit informieren oder was hat dich dazu geritten? => edited

Also von der "feste Größe und alle anderen haben Pech"-Idee halte ich mal gar nichts. Das konnte man vielleicht 2000 so machen aber nicht im web2.0
Es gibt nun verschiedene Möglichkeiten, wie du das realisieren kannst.

CSS3 (Nachteil: Wird noch nicht von allen Browser unterstützt - Allerdings arbeiten alle Browserengines darauf hin)
background-size

JavaScript (Nachteil: Nicht alle haben das aktiviert)
Hier nicht die Auflösung abfragen, sondern natürlich die Fenstergröße
JavaScript tutorial - Window size and scrolling

CSS2 (Nachteil: IE muckt mit img-width: procent)
Einfach ein img ganz unten (gleich nach body) anbringen mit 100% für Höhe und Weite.

Gruß
Broken Sword

@Atomius: Du hast dich gut genug ausgedrückt, Veranschaulichung von einer Weite von 1024px ist nicht nötig, außer du willst schleichwerben - ergo bleibt der Link draußen

 

[alesh]

Erstmal Danke an beiden:
@Atomius
Wenn einer Java Scirpt deaktiviert hat, funktionieren sehr viele Seiten nicht mehr. Über das mach ich mir im moment noch wenig gedanken.
Dass es leute gibt die im Fenstermodus Surfen ist mir durchaus bewust, doch die Page geht mehr an den Standart User und der Surft oftmals im Full Screen modus und sonst kann er es ja immernoch vergrössern.
Wenn du wilst kannst du mir deinen Websitelink per PM schicken würde es gerne anschauen

@Broken Sword
Sry für den Präfix.
background-site wird bei 3% der User unterstützt (Opera und Safari) dies ist momentan noch gar keine Alternative für mich (Und ich däncke für sehr viele andere auch nicht).

Mit der Fenstergrösse abfangen sind wir wieder beim gleichen Thema wie oben.
In wiefern zickt der IE rum mit"img-width: procent" ?

Nochmals Vielen Dank an beide für eure Hilfe!

mfg
Alesh

 

[Broken Sword]

@Broken Sword
Sry für den Präfix.
background-site wird bei 3% der User unterstützt (Opera und Safari) dies ist momentan noch gar keine Alternative für mich (Und ich däncke für sehr viele andere auch nicht).

Mit der Fenstergrösse abfangen sind wir wieder beim gleichen Thema wie oben.
In wiefern zickt der IE rum mit"img-width: procent" ?

3% ist etwas untertrieben, aber verständlich, dass du davon noch absehen willst.

Was soll dran das selbe Problem sein? Du kriegst die Größe der Browserfläche, was willst du mehr?

Hast du es denn mal probiert?
Kannst das Problem allerdings mit float für IE und Fx (der da auch seine Schwierigkeiten hat) umgehen.

Gruß
Broken Sword

 

[alesh]

Ok ist schon etwas untertriben aber mehr als 10% sinds nicht
Ja eigentlich hast du recht, macht kein grossen unterschied ob ich fenstergrösse oder Auslösung nehme. Das einzige problem:
Wenn er es im Fenstermodus öffnet und dann auf Full Screen switcht, ist die auflösung wieder falsch
Mit float kann ich noch einigermasen umgehen ich schau mir das ganze mal an Vielen Dank

Bin eben auch kein Grafik genie sonst würde ich das bild in eine Farbe verlaufen lassen aber das kann ich nicht wirklich

mfg
Alesh

 

[Broken Sword]

Hä? Das ist ein großer Unterschied.
Die Fenstergröße, die ich dir Vorschlage, meint das Browserfenster in dem die Seite dargestellt wird. Damit meine ich nicht die Größe der Windows-Applikation. (Hast du dir den Link überhaupt durchgelesen?)
Auflösung des Bildschirms hilft dir nicht weiter.

Ähm, dafür gibt's Events, wie onresize Event


Wenn du mit JS nicht klar kommst, versuch's halt mit dem 100% Bild.

Gruß
Broken Sword

 

[alesh]

Im moment löse ichs ja so mit JS:
Bsp.

if(screen.width {
document.body.background = "http://www.freesoft-board.to/images/web_bg_1000.jpg";
}

Deine lösung währe ja so oder?

if(window.innerWidth {
document.body.background = "http://www.freesoft-board.to/images/web_bg_1000.jpg";
}

In JS bin ich gar nicht fit, ich versteh zwar was er da macht aber die ganzen funktionen kenn ich nicht.

Das onresize Event ist eine Lösung, Danke

mfg
Alesh

Also:
Die Funktion background-size funktioniert ganz gut. Trozdem will ich eine mischung au der auflösung/fenstergrösse abfrage und dem background size.
Nun meine Frage. Kann ich am anfang die auflösung/fenstergrösse abfrag und somit ein hintergrund auswählen, und danach noch zusätzlich noch das background.size einstellen?

mfg
Alesh