Webstatt.org - Community seit 2006 - 2012 (2024?)

verstecktes margin/padding?

Avatar user-294
12.10.2006 12:00
Hey,
bin grade etwas am verzweifeln:

Wenn ich so einen Code schreibe (XHTML 1.0 Strict)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>bla</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<link rel="stylesheet" href="css/style1/style.css" type="text/css" />

</head>



<body>



<div>

	<div><img src="img/header.gif" alt="" /></div>

	<div><img src="img/header.gif" alt="" /></div>

</div>



</body>

</html>


Warum hat dann das Img-Tag ungefähr 2px Abstand unten? Ich kriegs einfach nicht weg? Natürlich padding:0 etc probiert? Bitte helft mir. Wenn ich Transitional nehme dann geht es. Welche Regel hab ich nicht beachtet?

BTW: Das ist auch nur im FF 1.5.0.7, im IE nicht, und in anderen Browsern hab ich es nicht getestet
Avatar user-300
12.10.2006 12:04
Was hast du denn für eine Formatierung (sprich: CSS)? Divs haben untereinander auch einen Abstand.

So? div, img { padding:0; margin:0; }
Avatar user-294
12.10.2006 16:10
Ja, ich habe es auch zu jedem einzelnen Element dazu geschrieben. Der Effekt tritt nur dann auf, wenn ich in ein DIV ohne festgelegte Höhe ein IMG einfüge, dann kriegt das 2px padding nach unten, kannste machen was du willst zwinkern
Avatar user-300
12.10.2006 16:47
div { line-height:0; } zwinkern
Avatar user-294
12.10.2006 18:05
*patscht sich auf die Stirn*
Oh Mann... irgendwann siehst du den Wald vor lauter Bäumen nicht mehr zwinkern

Danke user-300