CSS: Bildabstand im DIV

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_bildabstand_im_div_166647/page_1 - zur Vollversion wechseln!

aNtraXx schrieb am 03.08.2006 um 10:21

Hallo allerseits.

Ich hab wieder mal ein problem, dass mir ganz schön zu schaffen gibt.

Und zwar gehts um folgendes:

Ich habe einen DIV-Tag in dem ein Bild per IMG-Tag eingebettet ist. Jetzt verhält sich das Bild so, dass es im IE 3px Leerraum am unteren Rand erzeugt. Im FF ist jedoch nichts vom Abstand zu bemerken.

Der Effekt tritt auch ohne CSS auf, sprich, wenn ich einfach ein Bild in einen DIV-Tag einbette tritt es ebenfalls auf.

Nun habe ich es schon mit margin, padding, vspace, hspace probiert, jedoch hilft mir nichts davon.

Hat jemand eine Ahnung wie ich diesen Abstand von 3px entfernen kann? Ich kann das Bild leider nicht als Background-Image laden. Als BG-IMG tritt das Problem nämlich nciht auf.

tia, Bernhard

BooTes schrieb am 03.08.2006 um 10:35

Probier mal die Höhe vom DIV-Tag einzutragen, also gleich hoch wie das Bild.

aNtraXx schrieb am 03.08.2006 um 10:40

Das wäre sogar der Fall.

murcielago schrieb am 03.08.2006 um 10:52

post' mal den code.

hynk schrieb am 03.08.2006 um 11:03

blöde frage, aber hast border auf 0 gesetzt?

aNtraXx schrieb am 03.08.2006 um 11:36

natürlich ist border auf 0

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
<!--

#testdiv {
	background-color:#CC3366;
	width: 270px;
	height: 168px;
	padding:0px;
	margin:0px;
}

#testdiv img {
	border:0px;
}
-->
</style>
</head>

<body>

<div id="testdiv">
	<img hspace="0" vspace="0" src="../../../Dreamweavertest/bild.jpg" />
</div>

</body>
</html>

Das Bild ist 270x168 Pixel groß.

Rektal schrieb am 03.08.2006 um 14:07

Du hast Leerzeichen zwischen <img /> und </div>, das wirds wohl sein.

derelict schrieb am 03.08.2006 um 14:12

ja, wegen dem space --- der eigentliche grund ist aber ein anderer - siehe http://www.slis.indiana.edu/faculty.../cssimages.html

aNtraXx schrieb am 03.08.2006 um 14:12

:bash: Du hast recht!

Es sind zwar keine Leerzeichen, sondern einfach ein Linebreak im Code zur strukturierung. So ein S* ist mir ja echt noch nicht untergekommen.

Danke!