Willkommen in der Webstatt Zum Webstatt Blog und Stories
Scraper Scraper am 12.10.06 14: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

netcup.de Warum gibt es hier Werbung?
sili sili am 12.10.06 14:04

Was hast du denn für eine Formatierung (sprich: CSS)? Divs haben untereinander auch einen Abstand.

So? div, img { padding:0; margin:0; }

Scraper Scraper am 12.10.06 18: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 ;)

sili sili am 12.10.06 18:47

div { line-height:0; } ;)

Scraper Scraper am 12.10.06 20:05

*patscht sich auf die Stirn*
Oh Mann... irgendwann siehst du den Wald vor lauter Bäumen nicht mehr ;)

Danke sili

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt