Mittwoch, 27. August 2014
German English
TOP
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

Hintergrund an Auflösung anpassen
(1 Leser) (1) Gast

THEMA: Hintergrund an Auflösung anpassen

Hintergrund an Auflösung anpassen 19 Jun 2010 13:40 #24486

Hallo Leute!

Bräuchte mal wieder eure Hilfe:
Wie ist es möglich, per CSS das Hintergrundbild an die Auflösung anzupassen ?
Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.Hier die Größe des Hintergrundbildes 1920x1440. Also für einen 24" Monitor fast perfekt. Schalte ich auf die Auflösung 1280x768, beispielsweise, ist vom Strand nichts mehr zu sehen. Lediglich der blaue Himmel.

Wie bekomme ich das nun hin ?

Vielen Dank schonmal
Letzte Änderung: 20 Jan 2011 14:18 von ceilex.

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 13:45 #24487

  • ceilex
  • OFFLINE
  • Platinum Boarder
Hallo Astharey,

ich glaube nicht das es so funktioniert wie du es dir vorstellst. Das liegt daran das es keine Dynamischen Bilder gibt. Entweder müsstest du die Bilder alle zerschneiden was aber auch zu Fehldarstellungen führen kann oder kann ich mir vorstellen dies mit Javascript oder so was zu realisieren. Aber per CSS wird s wohl alleine nicht funktionieren. Weil die CSS ja nicht erkennt welche Auflösung gerade benutzt wird. Also tendiere ich schon eher zu Javascript.

Grüße Tobias

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 14:32 #24488

Wenn es keine Probleme mit JavaScript gibt, bezüglich WordPress und Artisteer, würde das natürlich auch gehen.
Vielleicht funktioniert es mit einer If-Abfrage ?
Wenn Auflösung 1680x1050 dann PageBg-Background_1680x1050.png
Weiß halt nicht, wie so etwas in Java möglich ist, oder ob es noch einfachere Wege gibt. Zum Beispiel das das Bild direkt skaliert wird.

Grüße

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 15:00 #24489

  • ceilex
  • OFFLINE
  • Platinum Boarder
Könnte vielleicht auch so funktionieren:

1. Setze Breite und Höhe für Body (body) und Viewport (html) zu 100% und blende für beide die
Bildlaufleiste aus. Außerdem muss padding und margin für den Body Null sein.
2. Positioniere ein Bild absolut auf die unterste Ebene (z-index) in die linke obere Ecke. Den
Attributwerten width und height weist du 100% zu.
3. Erstelle einen "Body-Dummy", welcher absolut in die linke obere Ecke über die unterste
Bildebene gelegt wird. Als Grössenangaben werden diesem Element 100% zugeordnet.
Weiterhin wird mit overflow: auto das Einblenden der Bildlaufleisten ermöglicht.
4. In dieses Dummy-Element kann nun das eigentliche Layout aufgenommen werden.

Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.

Ob es nun das ist was du suchst weiß ich nicht. Probiere es am besten mal mit einer normalen html Seite aus damit du das Ergebnis sehen kannst bevor du dir die Arbeit machst und es einbaust in WP.

Grüße Tobias

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 15:06 #24490

  • ceilex
  • OFFLINE
  • Platinum Boarder
Oder vielleicht ist das auch noch etwas:

Einfach auf den body anwenden:
Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.

Da diese Eigenschaft noch von keinem Browser erkannt wird, musst du stattdesssen die folgenden Browserspezifischen Eigenschaften nehmen(am besten zusammen mit der obigen):
Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.

Oder noch das z. B. das du im Hintergund je nach dem welche Auflösung vorhanden bei 1024x768 lade 1204.htm und bei 800x600 lade 800.htm
Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 17:12 #24491

Guten Tag,

Hintergrund felxibel der Auflösung anpassen.

Ist jetzt zwar für Joomla, aber für andere CMS sollte es auch funktionieren.

Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.
Besten Gruß vom Ralf

Supporte für PHP, CSS, HTML, Joomla

Bitte keine PN Anfragen stellen, erst das Forum benutzen
Letzte Änderung: 01 Aug 2010 09:56 von ralle632.

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 18:00 #24492

Über Firebug mal in zwei Minuten bei Dir simuliert, mit den Anweisungen auf meiner Page.

Also es geht auch für Wordpress oder so

Dieser Inhalt ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um den Inhalt zu sehen.
Anhang:
  • Anhang Dieser Anhang ist für Gäste unsichtbar. Bitte melde dich an (oder registriere dich) um ihn zu sehen.
Besten Gruß vom Ralf

Supporte für PHP, CSS, HTML, Joomla

Bitte keine PN Anfragen stellen, erst das Forum benutzen

Aw: Hintergrund an Auflösung anpassen 19 Jun 2010 20:14 #24494

Danke euch beiden!

Die Methode von Ralf funktioniert bestens. Vielen Dank!

Grüße

Aw: Hintergrund an Auflösung anpassen 20 Jun 2010 10:51 #24499

Guten Morgen,

habe dieses Thema mal für Dich auf gelöst gesetzt. Bitte das nächste mal dran denken
Besten Gruß vom Ralf

Supporte für PHP, CSS, HTML, Joomla

Bitte keine PN Anfragen stellen, erst das Forum benutzen

Aw: [gelöst] Hintergrund an Auflösung anpassen 20 Jan 2011 14:17 #36552

Hallo Zusammen,

könnt ihr mir bitte nochmal auf die Sprünge helfen wie das Thema gelöst wurde?
Leider sind nämlich die Links aus dem Thread gelöscht...

Vielen Dank im Voraus!

Björn
Folgende Benutzer bedankten sich: ExtraZeit
Moderatoren: Herberto, wmeis, Drachenmeister
Ladezeit der Seite: 0.28 Sekunden
TOP