mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 16:49 Benutzername: Passwort: Auto-Login

Thema: Hintergrund mit CSS auf Monitorauflösung skalieren? vom 07.11.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hintergrund mit CSS auf Monitorauflösung skalieren?
Seite: 1, 2  Weiter
Autor Nachricht
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Fr 07.11.2008 11:43
Titel

Hintergrund mit CSS auf Monitorauflösung skalieren?

Antworten mit Zitat Zum Seitenanfang

Moin zusammen,
hab nen kleines Problem:

Hab ein Hintergrundbild (1200x900) und möchte dieses nun auf die Monitorauflösung skalieren.
Die sollte aber erst geschehen wenn der Bereich von 1200x900 überschritten wird, nicht
bei ner Auflösung von 1024x768 oder so. Sprich erst wenn das Bild größer als 100%
angezeigt werden müsste (bei ner Auflösung von z.b. 1600x1200) sollte es sich an die
Auflösung skalieren. Also nix mit "repeat" oder so. Geht sowas?
Habs bisher nur gefunden das es sich egal wie groß das Fenster ist,
an das Fenster anpasst. Find ich aber bisschen doof.

grüße
 
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 07.11.2008 11:47
Titel

Antworten mit Zitat Zum Seitenanfang

eine hg-grafik lässt sich nicht ohne weiteres skalieren. nicht mit css. da läuft nur das von dir nicht gewollte repeat.
was du aber machen kannst, ist das bild nicht als hintergund zu nehmen, sondern als img-element und mit hilfe vom z-index einen hintergung zu "imitieren".

für die abfrage das auflösung musst du wohl oder übel auf js zurückgreifen, da du eine eine bedingung dran knüpfst ( erst wenn auflösung größer als...)

will aber auch sagen, dass ich über html bzw. css skalierte bilder nicht schön finde. dynamisches layout sieht anders aus *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Fr 07.11.2008 11:56
Titel

Antworten mit Zitat Zum Seitenanfang

Naja!
Just likes this:

http://ringvemedia.com/introduction

Wenn das undynamisch ist, weiss ich es auch nicht.
 
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 07.11.2008 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

Tobinho hat geschrieben:
Naja!
Just likes this:

http://ringvemedia.com/introduction

Wenn das undynamisch ist, weiss ich es auch nicht.


das es undynamisch ist, hab ich so auch nicht gesagt. ich finde es dennoch unschön. in dem falle ist es gelungen, dass das bild nicht zu verpixelt aussieht beim skalieren. programmiertechnisch finde ich es jedoch mehr als fragwürdig. die jungs haben dort mit einer tabelle gearbeitet.

desweiteren haben die keine bedingung an den hintergrund gestellt (wenn größer als) sondern "stumpf" 100% benutzt.

wenn du das so machen willst, mach es besser *zwinker* dann also mit div und z-index und guter positionierung.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Mi 07.01.2009 10:16
Titel

Antworten mit Zitat Zum Seitenanfang

Moin,
arbeite an dem Projekt jetzt weiter bin aber immer noch nicht
auf nen grünen Zweig gekommen * Keine Ahnung... *

Code:

body
{ padding: 0;
margin: 0;
background: #57ab27 url(bg.jpg) center top;
background-attachment:fixed;
background-repeat:n o-repeat;
width: 100%; }


vllt. weiss jmd. mehr Ooops
 
baskoralle

Dabei seit: 17.02.2006
Ort: hamburch
Alter: 49
Geschlecht: Männlich
Verfasst Mi 07.01.2009 10:52
Titel

Antworten mit Zitat Zum Seitenanfang

Tobinho hat geschrieben:


vllt. weiss jmd. mehr Ooops



pixelpapst hat dir doch schon alles verraten * Ich geb auf... *
  View user's profile Private Nachricht senden
phoenix-ad

Dabei seit: 30.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 07.01.2009 12:17
Titel

Antworten mit Zitat Zum Seitenanfang

Warum so kompliziert?
Einfach das Hintergrundbild nochmal für die nächstgrössere Auflösung anpassen, hochladen, und je nach Bildschirmauflösung laden lassen.
  View user's profile Private Nachricht senden
burnout

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht: Männlich
Verfasst Mi 07.01.2009 12:23
Titel

Antworten mit Zitat Zum Seitenanfang

phoenix-ad hat geschrieben:
Warum so kompliziert?
Einfach das Hintergrundbild nochmal für die nächstgrössere Auflösung anpassen, hochladen, und je nach Bildschirmauflösung laden lassen.


Dann geht der Effekt beim Skalieren aber verloren.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Hintergrund verrutscht beim skalieren !
[flash] hintergrund bild/mc skalieren
SVG skalieren
Flash skalieren
Transparente PNG skalieren im IE
Bilder skalieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.