PDA

Vollständige Version anzeigen : img src und background

Alexander
14-09-2006, 16:32
Wenn ich mit ...<img src="bild1.jpg"> ... und mit ... <body background="bild1.jpg"> ... dann werden die leider nicht gleich positioniert (oder vielleicht auch doch, nur ist img src etwas höhergestellt und background-image nicht)...ach vielleicht erklärt sich es besser mit einem Beispiel ;)

http://www.delphi-n.de/privat/test.html

Man sieht dort dass das img src Bild anders positioniert ist wie der Hintergrund. Meine Frage ist nun, ob sich die Bilder irgendwie gleich positionieren lassen, also zB das img src Bild genau links oben in die Ecke ;)
EEBKiller
14-09-2006, 17:08
Erste Frage vorab:

WARUM ??? :twink:

Wieso willst du zwei gleiche Bilder übereinander stellen ?
Tobias.H
14-09-2006, 18:05
<div style="position: absolute; width: WIDTH_IMAGEpx; height: HEIGHT_IMAGEpx; z-index: 1; visibility:visible; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:#000000; background-image:url('IMAGE_BACKGROUND)" id="NAME">
<img border="0" src="IMAGE_URL" width="WIDTH_IMAGE" height="HEIGHT_IMAGE"></div>



HEIGHT_IMAGE = Hohe deines Bildes
WIDTH_IMAGE = Breite deines Bildes
IMAGE_BACKGROUND = Hintergrund dieser Ebene.Kannst eigentlich weglassen wenn dein Bild die Fläche füllt.
NAME = Name der Fläche

padding-left,right,top,bottom müssen auf 0px gesetzt sein.
Alexander
14-09-2006, 18:53
Erste Frage vorab:

WARUM ??? :twink:

Wieso willst du zwei gleiche Bilder übereinander stellen ?

Wenn ich ehrlich bin, will ich das gar nicht, mir isses eben nur mal aufgefallen ;)

@ Tobi:

Danke, das wollte ich wissen ;)
EEBKiller
14-09-2006, 19:19
du kannst es aber auch einfacher haben

<body background="bild1.jpg" style="margin: 0px; padding: 0px">

Nennt sich "Innenabstand des Anzeigefensters". Allerdings haben das IE und Mozilla mal wieder anders implementiert. IE reagiert auf margin, Moz reagiert auf padding. Die richtige implementierung wäre eigentlich padding - wen wunderts ? :D
Alexander
14-09-2006, 19:35
Öhm...ich hab das gerade auch versucht und sowohl mein Firefox 1.5.0.6 als auch mein IE 7.0.5450.4 reagieren nur auf "margin", von "padding" halten die nix. Habs zwar nur lokal getestet, aber das dürfte ja keine Auswirkungen haben oder?

Jedenfalls funktioniert dein Tipp auch und spart etwas Tipparbeit,danke ;)