Autor |
Nachricht |
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Fr 07.11.2008 11:43
Titel Hintergrund mit CSS auf Monitorauflösung skalieren? |
|
|
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:
|
Verfasst Fr 07.11.2008 11:47
Titel
|
|
|
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
|
|
|
|
|
Anzeige
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 07.11.2008 12:12
Titel
|
|
|
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 dann also mit div und z-index und guter positionierung.
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Mi 07.01.2009 10:16
Titel
|
|
|
Moin,
arbeite an dem Projekt jetzt weiter bin aber immer noch nicht
auf nen grünen Zweig gekommen
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
|
|
|
|
|
baskoralle
Dabei seit: 17.02.2006
Ort: hamburch
Alter: 49
Geschlecht:
|
Verfasst Mi 07.01.2009 10:52
Titel
|
|
|
Tobinho hat geschrieben: |
vllt. weiss jmd. mehr |
pixelpapst hat dir doch schon alles verraten
|
|
|
|
|
phoenix-ad
Dabei seit: 30.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 07.01.2009 12:17
Titel
|
|
|
Warum so kompliziert?
Einfach das Hintergrundbild nochmal für die nächstgrössere Auflösung anpassen, hochladen, und je nach Bildschirmauflösung laden lassen.
|
|
|
|
|
burnout
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
Verfasst Mi 07.01.2009 12:23
Titel
|
|
|
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.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hintergrund verrutscht beim skalieren !
[flash] hintergrund bild/mc skalieren
SVG skalieren
Transparente PNG skalieren im IE
Bilder skalieren
Balken Skalieren
|
|