nicht angemeldet
CSS und Hintegrundbilder an Fenstergrösse anpassen
Hi,
Gibt es eine Möglichkeit mit CSS ein Hintergrundbild an verschiedene Fenstergrößen (800x600 und größer) anzupassen.
Martin
-
Hallo!
Gibt es eine Möglichkeit mit CSS ein Hintergrundbild an verschiedene Fenstergrößen (800x600 und größer) anzupassen.
Nein, wenn es ein background-image ist, kannst Du mit CSS nur die linke, obere Ecke des Bildes festlegen (background-position).
Beste Grüße
Viennamade-
Hi,
Nein, wenn es ein background-image ist, kannst Du mit CSS nur die linke, obere Ecke des Bildes festlegen (background-position).
Oder ein (sehr großes) Bild nehmen und dieses zentrieren.
Gruß, Cybaer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!-
Hi,
Nein, wenn es ein background-image ist, kannst Du mit CSS nur die linke, obere Ecke des Bildes festlegen (background-position).
Oder ein (sehr großes) Bild nehmen und dieses zentrieren.
Gruß, Cybaer
Hi,
danke fuer die schnellen Antworten. Hat jemand von Euch so was schon mal mit JavaSkript, PHP etc. versucht?
Martin-
Hi,
danke fuer die schnellen Antworten. Hat jemand von Euch so was schon mal mit JavaSkript, PHP etc. versucht?
CSS! Klar.
background-image:url(img/back.jpg); background-repeat:no-repeat; background-position:center;
Aber Du könntest natürlich auch mit JS die "Browsergröße" auslesen, und ein passendes, vorgefertigtes Hintergrundbild laden, oder die Werte einem PHP-Script übergeben, das dann das Bild on-the-fly generiert.
Gruß, Cybaer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!-
Hi,
danke fuer die schnellen Antworten. Hat jemand von Euch so was schon mal mit JavaSkript, PHP etc. versucht?
CSS! Klar.
background-image:url(img/back.jpg); background-repeat:no-repeat; background-position:center;
Aber Du könntest natürlich auch mit JS die "Browsergröße" auslesen, und ein passendes, vorgefertigtes Hintergrundbild laden, oder die Werte einem PHP-Script übergeben, das dann das Bild on-the-fly generiert.
Gruß, Cybaer
Hi,
weissst Du wie das geht bzw. wo man sich im Netz dazu Rat holen kann?
Martin-
Hallo.
weissst Du wie das geht bzw. wo man sich im Netz dazu Rat holen kann?
Im hiesigen Archiv. Die Suchbegriffe kennst du ja jetzt.
MfG, at
-
-
-
-
Oder ein (sehr großes) Bild nehmen und dieses zentrieren.
Und wie genau zentrier ich so ein Bild???
-
Hallo.
Und wie genau zentrier ich so ein Bild???
Indem du die Dokumentation zurate ziehst, die diesem Forum zu Grunde liegt: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position.
MfG, at
-
-
-
Hi
Nein, wenn es ein background-image ist, kannst Du mit CSS
nur die linke, obere Ecke des Bildes festlegen
(background-position).background-position: top right;
Wo ist hier die linke obere Ecke?Gruss
chlori
-
-
Hi,
Gibt es eine Möglichkeit mit CSS ein Hintergrundbild an verschiedene Fenstergrößen (800x600 und größer) anzupassen.
CSS 3 wird diese Möglichkeit (voraussichtlich) bieten: http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size
Ist aber noch kein fertiger Standard. Und in den Browsern implementiert ist es auch noch lange nicht.
(es soll ja Browser geben, bei denen 6 Jahre nach Erscheinen des CSS 2 Standards noch immer wesentliche Teile nicht implementiert sind - da kannst Du Dir ausrechnen, wann CSS 3 wirklich benutzbar ist.)cu,
Andreas--
MudGuard? Siehe http://www.Mud-Guard.de/
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.-
Hi Andreas,
Gibt es eine Möglichkeit mit CSS ein Hintergrundbild an verschiedene Fenstergrößen (800x600 und größer) anzupassen.
CSS 3 wird diese Möglichkeit (voraussichtlich) bieten: http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size
wobei das gegenüber CSS3-Media Queries schlechtere Resultate liefern dürfte. Mit diesen ließe sich stufenweise ein geeignetes Hintergrundbild einbinden, um die "Gefahr" einer browserseitigen Skalierung zu verringen. Schließlich haben alle Browser verschiedene Fensterbreiten und sind keine guten Bildbearbeitungsprogramme ;-)
http://www.w3.org/TR/css3-mediaqueries/#width
Grüße,
Roland-
Hallo.
Schließlich haben alle Browser verschiedene Fensterbreiten und sind keine guten Bildbearbeitungsprogramme ;-)
Derzeit sind sie das sicher nicht, aber wenn sie erst einmal CSS3 unterstützen, kann das ja auch schon ganz anders aussehen. Warum sollte etwa http://developer.apple.com/darwin/projects/webcore/ nicht mit http://www.apple.com/macosx/tiger/core.html kommunizieren können?
MfG, at -
Hi,
CSS 3 wird diese Möglichkeit (voraussichtlich) bieten: http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size
wobei das gegenüber CSS3-Media Queries schlechtere Resultate liefern dürfte.Das kann man erst dann entscheiden, wenn es Browser gibt, die mindestens eine der beiden Techniken unterstützen.
Und das kann noch lange dauern...
cu,
Andreas--
MudGuard? Siehe http://www.Mud-Guard.de/
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.-
Hi Andreas,
CSS3-Media Queries
Das kann man erst dann entscheiden, wenn es Browser gibt, die mindestens eine der beiden Techniken unterstützen.
rein theoretisch sollte das aber zutreffen und CSS handelt ja meist nur von der Theorie ;-)
Und das kann noch lange dauern...
http://www.virtuelvis.com/archives/145.html
http://www.opera.com/docs/specs/#css-3"Das öffnet einen temporären Subraum für eine Opera-Kaskade, Captain" ... zu der ich soeben eine Umsetzung gefunden habe, die dieses Thema betrifft:
http://www.literarymoose.info/=/synopsis/stretch.xhtml
Grüße,
Roland
-
-
-