[phpBB3] Bild im Hintergrund fixieren

von Lose-Kingz Mo 20 Mai 2013 - 12:56

Hallo!

Vor kurzem habe ich bei mir ein Newsletter eingebaut (freihstendes Modul). Und nun wollte ich Fragen wie ich das Bild (siehe demo links) fixieren kann.

Demo: http://losekingz.forumieren.com/forum

von #Frank Mo 20 Mai 2013 - 13:31

Entweder ich bin blind, oder du hast kein Modul eingesetzt:

[phpBB3] Bild im Hintergrund fixieren 0132

Oder sieht man das nur wenn man eingeloggt ist?

von Lose-Kingz Mo 20 Mai 2013 - 13:36

Also ich sehe das so, auch wenn ich ausgeloggt bin:

[phpBB3] Bild im Hintergrund fixieren 24510

von #Frank Mo 20 Mai 2013 - 13:39

Also, wie du auf meinem Bild siehst, wird mir das nicht angezeigt scratch

Was ist das denn jetzt?

Edit: Doch, jetzt sehe ich das auch. aber meine Auflösung ist kleiner, so das beide Bilder Links und Rechts bei mir in der normalen Einstellung außerhalb des Sichtbaren Bereich liegen.

von Lose-Kingz Mo 20 Mai 2013 - 13:42

Das ist normalerweiser ein ganz normaler Hintergrundbild. Links habe ich ein wo das Logo von Metro ist, habe ich ein Freistehendes Modul gemacht.

So sieht mein Freistehendes Modul aus:

Code:: <div style="position: absolute; top: 250px; right: 1500px; z-index: 10000;"><html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body> <a href="http://game5ive.com/de/bald-erhaltlich/73-metro-last-light-uncut-steam-eu.html?a_aid=gkf&a_cid=06f38296"><img style="border: 0px solid ; width: 300px; height: 400px;" alt="" src="http://bild5.de/335081545.png"></a> </body> </html> </div>

von #Frank Mo 20 Mai 2013 - 13:48

Du must nur die Positionsangabe in deinem Modul von "absolute" auf "fixed" ändern.
Aber du siehst, was es für Probleme bei der Ausrichtung bei verschiedenen Auflösungen gibt. Du solltest das Modul so Positionieren, das es immer direkt neben dem Foreninhalt positioniert ist. Dazu musst du es von der Seitenmitte nach links hin verschieben.

von Lose-Kingz Mo 20 Mai 2013 - 14:10

Wie meinste das jetzt von links verschieben.

von #Frank Mo 20 Mai 2013 - 14:16

Ich würde die Positionsangabe in deinem Modul so gestalten:

Code:: <div style="position: absolute; top: 250px; left: 50%; margin-left: -450px; z-index: 100;">

Du müsstest dann den top und den margin-left Wert noch anpassen.
So richtest du dein Modul von der Seitenmitte gesehen nach links aus.
Das bedeutet, das auch bei unterschiedlichen Auflösungen das Modul immer links neben dem Forum angezeigt wird. Du hast es nun 1500 Px vom rechten Bildrand ausgerichtet, was sowieso schon etwas falsch ist, wenn du es links ausrichten willst. Aber wenn deine User unterschiedliche Auflösungen kleiner als 1500 Pixel in der Breit e haben, dann sehen sie das Modul nicht, weil es außerhalb ihres Sichtbereich verschoben wird.

von Lose-Kingz Mo 20 Mai 2013 - 14:23

So habe die Werte geändert und angepasst. Kannst du gucken ob das bei dir jetzt richtig anzeigt, wenn ja dann vielen Dank für die Hilfe.

von #Frank Mo 20 Mai 2013 - 14:45

Ich würde den Wert für margin-left auf -745 setzen.
Dann sieht es bei mir so aus:

[phpBB3] Bild im Hintergrund fixieren 0134

Mit deinen Aktuellen werten sieht es im Moment so bei mir aus:

[phpBB3] Bild im Hintergrund fixieren 0218

Du kannst das selber mal Testen, wie es bei verschiedenen Auflösungen aussieht. Dein Firefox Browser hast dafür eine Entwickler Funktion.
Du findest diese im Browser Menü unter:
Extras --> Web- Entwickler --> Bildschirmgrößen Testen
Dort kannst du verschieden Bildschirmgrößen Aufrufen und siehst dann genau wie deine Seite in der entsprechenden Auflösung dargestellt wird.

von Lose-Kingz Mo 20 Mai 2013 - 15:06

Wenn ich auf -745 runtersetzte dann sticht das in mein Forum rein.

Noch ne Frage, auf der Rechts Seite sehe ich gar nichts das andere Hintergrundbild, was bei mir erscheint.

von #Frank Mo 20 Mai 2013 - 15:23

Lose-Kingz schrieb:Wenn ich auf -745 runtersetzte dann sticht das in mein Forum rein.

Eigentlich kann das nicht sein. Ich habe es ja so eingestellt bei mir auf dem Bildschirm. Diesen wert solltest du auch einhalten, damit das Modul nicht aus dem Sichtbereich verschwindet. Ich benutze eine Auflösung von 1440 x 900 px.
Allerdings kann es sein, das sich bei dir dein Forum Breiter Zeigt, als bei mir. Du hast in deinem CSS ja diesen Eintrag vorgenommen:

#wrap {
background-color: #FFFFFF;
margin: 0 auto;
min-width: 951px;
max-width: 951px;
padding: 5px;
width: 60%;
}

Das sorgt dafür das deine Forum immer mit einer Mindestbreite von 951px angezeigt wird.
Hat ein User nun eine Bildschirmauflösung von z.B. 1024 x 768 px, dann wirst du feststellen können, das dann nicht mehr viel Platz links und rechts neben deinem Forum bleibt, um dein Modul anzuzeigen.
Wen du nun noch den Wert, den ich in Grün da zugesetzt habe einträgst, dann wird das Forum auch nicht bei einer höheren Auflösung breiter als 951 Px. Was aber an dem Problem der Darstellung nichts ändert.

Lose-Kingz schrieb:Noch ne Frage, auf der Rechts Seite sehe ich gar nichts das andere Hintergrundbild, was bei mir erscheint.

Auch das hat mit der Bildschirmauflösung zu tun. Dein Hintergrundbild hat eine Größe von: 1920 x 1000 Pixeln.
Das kann auf meinem Bildschirm nicht mehr angezeigt werden.
Eine Lösung für dieses Problem könnte dieses Tuto sein:
https://hilfe.forumieren.com/t26288-tutorial-hintergrundbild-an-verschiedene-bildschirmauflosungen-anpassen

von Lose-Kingz Mo 20 Mai 2013 - 15:29

In mein CSS ist sowas nicht vorhanden, wie konntest du das verstehlen:

Code:: #wrap { background-color: #FFFFFF; margin: 0 auto; min-width: 951px; max-width: 951px; padding: 5px; width: 60%; }

Soll ich das in mein CSS reinmachen?

von #Frank Mo 20 Mai 2013 - 15:38

Ja, mach das mal.
Setze das hier mal so in dein CSS ein und wir schauen mal wie sich das dann bei verschiedenen Bildschirmbreiten verhält.

Code:: #wrap { background-color: #FFFFFF; margin: 0 auto; max-width: 951px; min-width: 951px; padding: 5px; }

wenn ich das so mache, dann wird das Forum auch immer mit deiner Breite von 951 Px angezeigt. Dann passt es auch mit dem Wert -745 im Modul.
Im Original wird dein Forum mit 60% Seitenbreite angezeigt. das bedeutet das das Forum mindestens 951 Px Breit ist, wenn aber mehr Platz ist, wird es auf 60% der Bildschirmbreite aufgezogen. Das hat zur Folge das dein Modul mit der Festen Angabe dann über das Forum gelegt wird. Es ist unbedingt notwendig, das du hier entweder nur mit % Angaben arbeitest oder was in deinem Fall besser wäre mit festen Pixelwerten.

von Lose-Kingz Mo 20 Mai 2013 - 15:47

Habe den Code nun eingebaut und mein Forum ist viel schmaller geworden.

von #Frank Mo 20 Mai 2013 - 16:09

Ja, das ist klar. aber das ist nur bei deiner Auflösung so.
Hast du dir schon mal Gedanken darüber gemacht, das nicht alle User einen So breiten Monitor haben, wie der der bei dir auf dem Schreibtisch steht?
Das ist das Problem, mit den Auflösungen. wenn du dir mal den Thread zu den Hintergrundbildern anschaust, wirst du dort auch eine Grafik finden, die dir verrät, welche Bildschirmauflösungen so allgemein und in welchen Mengen diese benutzt werden. Du kannst das auch mal für dein Forum Testen, in dem du Google Analytic auf deiner Forenseite installierst.
Durch diese Einstellung haben wir dein Forum nun so gezwungen auch immer mit der Breite von 951 PX angezeigt zu werden. Egal wie Breit der Bildschirm ist.
Das das nun bei dir sehr Gewöhnungsbedürftig aussieht, kann ich mir Vorstellen.
Ich zeige dir nun mal ein paar Bilder, wie dein Forum mit den Unterschiedlichen Auflösungen angezeigt wird.
1024 x 768 Px:

[phpBB3] Bild im Hintergrund fixieren 0137

1280 x 600 Px:

[phpBB3] Bild im Hintergrund fixieren 0138

1440 x 900 Px

[phpBB3] Bild im Hintergrund fixieren 0139

1920 x 900 Px

[phpBB3] Bild im Hintergrund fixieren 0140

Du siehst, das das Modul nun bei allen Auflösungen immer genau neben dem Forum angezeigt wird. du siehst aber auch das es bei der Auflösung von 1024 x 768 fast nicht mehr zu sehen ist.
Und das ist nun dein Problem. Du kannst nicht davon ausgehen, das dein Forum so wie du es siehst, auch von allen anderen so gesehen wird. das liegt nun daran, das der Platz auf kleineren Bildschirmen eben nicht mehr ausreicht.
Verstehst du was ich meine und wo dein Problem ist?

von Lose-Kingz Mo 20 Mai 2013 - 16:14

ok. Habe ich verastanden. Trotzdem danke für die zahlreiche Hilfe.

von #Frank Mo 20 Mai 2013 - 16:24

Ich denke das du es nun so lassen solltest, weil du damit das zur Zeit bestmögliche Ergebnis erzielst.
Wenn du hier nicht danach gefragt hättest, dann hättest du dich gewundert, warum einige deiner User das Modul nicht sehen können.
Ich denke das wir hier nun diese Einstellungen so beibehalten sollten, weil diese im Moment das beste sind, was du erreichen kannst.

Dann mache ich hier mal zu.

closed

von #Frank Mo 20 Mai 2013 - 16:29

Ich sehe gerade, das du alle Änderungen bezüglich der Foreneinstellung und der Positionierung wieder entfernt hast.
Dann hast du scheinbar das Problem nicht verstanden und du wirst dich damit abfinden müssen, das User mit einem Kleineren Bildschirm dein Forum nicht so sehen können wie du.

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB3] Bild im Hintergrund fixieren

[phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren

Re: [phpBB3] Bild im Hintergrund fixieren