mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 02:31 Benutzername: Passwort: Auto-Login

Thema: CSS background-image mit em ? vom 19.11.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS background-image mit em ?
Autor Nachricht
SURE612
Threadersteller

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 19.11.2007 13:19
Titel

CSS background-image mit em ?

Antworten mit Zitat Zum Seitenanfang

ich probiere mal wieder eine seite mit css und komplett mit höhen- und breitenangaben in em zu bauen.
auf background images verzichte ich, da diese nicht mit skaliert werden, so wie normale images in der html.
so habe ich dann bilder "aufwendig" mit position:absolute und z-index in den hintergrund gesetzt,
um dann doch eine art background-images zu haben.

Nur bei gekachelten Bildern hört es dann auf. z.b. bei einer Navibar...
gibt es denn die Möglichkeit die background-images auch mit skalieren zu lassen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 19.11.2007 13:23
Titel

Antworten mit Zitat Zum Seitenanfang

sliding doors
sliding doors pt.2


Zuletzt bearbeitet von sahnemuh am Mo 19.11.2007 13:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SURE612
Threadersteller

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 19.11.2007 13:36
Titel

Antworten mit Zitat Zum Seitenanfang

joa
das könnte klappen
muss ich mir nur ein elendig langes bild an beide seiten pappen
na ja - das mit dem skalieren müsste auch mal standardisiert werden
wie im ie7 am besten
da gehts doch gut auch ohne em - egal

danke erstmal für den tipp

edit: nähert sich aber nur die lösung des problems, da beim vergrößern sich das bild auch nicht mit anpasst


Zuletzt bearbeitet von SURE612 am Mo 19.11.2007 13:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SURE612
Threadersteller

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 19.11.2007 13:48
Titel

Antworten mit Zitat Zum Seitenanfang

SURE612 hat geschrieben:
joa
das könnte klappen
muss ich mir nur ein elendig langes bild an beide seiten pappen
na ja - das mit dem skalieren müsste auch mal standardisiert werden
wie im ie7 am besten
da gehts doch gut auch ohne em - egal

danke erstmal für den tipp

edit: nähert sich aber nur der lösung des problems, da beim vergrößern sich das bild auch nicht mit anpasst
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 19.11.2007 13:52
Titel

Antworten mit Zitat Zum Seitenanfang

IE7 zoomt ja, wie auch ein paar andere Browser, eigentlich aber nicht Sinn der
Sache. Sliding Doors ist hier aber der einzige Ansatz, die Hintergrund Grafik zu
skalieren ist nicht möglich.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Russkowski

Dabei seit: 08.06.2008
Ort: -
Alter: 50
Geschlecht: Männlich
Verfasst So 08.06.2008 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo

Das gleiche Problem mit den background-image resizing habe ich derzeit, aber folgende einfache Lösung gefunden, die bei mir mittels CSS funktioniert.

Laut CSS-Spezifikation hat ein DIV mit Eigenschaft position: absolute; Vorrang vor DIVs ohne diese Eigenschaft. Ich habe daher 2 DIVs gebastelt:

Code:

<div id="inhalt">Hier kommt der Inhalt hin</div>
<div id="background"><img src="pfad/backgroundimgage.png" />/div>


Das Background-Image kann dabei jede verwendbare Grafikdatei sein, die mittels image-tag angezeigt werden kann. Der CSS-Bereich sieht dann so aus (als Beispiel habe ich ein DIV von 20em x 5em angenommen, muss natürlich angepasst werden):

Code:

div#background {
width:  20em;
height: 5em;
}
div#background img {
width:  20em;
height: 5em;
}
div#inhalt {
position: absolute;
width:  20em;
height: 5em;
}


Im IE7 und FF2 sowie Opera9 funktioniert das einwandfrei, die DIVs werden übereinander gelegt, das DIV mit position:absolute; als oberstes DIV. Dadurch skaliert das mittels IMG eingebunde Grafikelement mit und alles ist toll. Funktioniert das bei Euch auch?


Zuletzt bearbeitet von Russkowski am So 08.06.2008 16:01, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 08.06.2008 16:58
Titel

Antworten mit Zitat Zum Seitenanfang

Klar. Aber darum ging es hier in dem Thema eben nicht, mit einer normalen Grafik ist dass kein Problem.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen background-image & FF
[CSS] Background-image INE
CSS background-image
[CSS] alt-tag für background-image?
Imagemap auf CSS Background Image ?
problem mit background image und ul/li
Neues Thema eröffnen   Neue Antwort erstellen
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.