img src und background

*Alexander* · #1 14-09-2006, 16:32

Wenn ich mit ...

Code:

<img src="bild1.jpg">

... und mit ...

Code:

<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* · #2 14-09-2006, 17:08

Erste Frage vorab:

WARUM ???

Wieso willst du zwei gleiche Bilder übereinander stellen ?

Tobias.H · #3 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* · #4 14-09-2006, 18:53

Zitat:

Zitat von EEBKiller

Erste Frage vorab:

WARUM ???

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* · #5 14-09-2006, 19:19

du kannst es aber auch einfacher haben

Code:

<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 ?

*Alexander* · #6 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

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)