Autor |
Nachricht |
SURE612
Threadersteller
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mo 19.11.2007 13:19
Titel CSS background-image mit em ? |
|
|
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?
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
SURE612
Threadersteller
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mo 19.11.2007 13:36
Titel
|
|
|
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
|
|
|
|
|
SURE612
Threadersteller
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mo 19.11.2007 13:48
Titel
|
|
|
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 |
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 19.11.2007 13:52
Titel
|
|
|
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.
|
|
|
|
|
Russkowski
Dabei seit: 08.06.2008
Ort: -
Alter: 50
Geschlecht:
|
Verfasst So 08.06.2008 15:55
Titel
|
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 08.06.2008 16:58
Titel
|
|
|
Klar. Aber darum ging es hier in dem Thema eben nicht, mit einer normalen Grafik ist dass kein Problem.
|
|
|
|
|
|
|
|
Ä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
|
|