Leerraum um Grafik im Firefox

wandler · #1 (**permalink**) 29.07.2006, 16:53

Hallo,

warum wird beim Firefox-Browser bei einer Grafik ein kleiner Leerraum unter der Grafik angezeigt?
Beispiel:

Code:

<!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" xml:lang="de" lang="de">
<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
<title>Beispiel</title>
<style type="text/css" title="text/css">
body {
	color: #000;
	background: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 100.01%;
	padding: 0;
	margin: 0;
	border: 0;
}
img {
	border: 1px solid #0000FF;
	padding: 0;
	margin: 0;
}

</style>
</head>

<body>

<img src="grafik.jpg" alt="" width="165" height="128"><br />
<img src="grafik.jpg" alt="" width="165" height="128">

</body>
</html>

Wie kann ich diese Darstellung verhindern?

telekommander · #2 (**permalink**) 29.07.2006, 17:04

Code:

... bei einer Grafik ...

Du meinst diesen Zeilenumbruch : <br /> ?

heiko_rs · #3 (**permalink**) 29.07.2006, 17:04

Als Inline-Elemente werden Grafiken mit Whitespace im Quelltext (d.h. Leerzeichen oder Zeilenumbrüche) mit kleinen Zwischenräumen dargestellt. Wenn Du ihnen display: block; gibst, geschieht das nicht mehr und Du kannst Dir auch das <br /> sparen.

E|H · #4 (**permalink**) 29.07.2006, 17:25

Bilder sind Inline-Elemente, sitzen also da, wo z.B. ein „a“ unten aufhört. Vergleiche mit „g“. Der Freiraum da unten ist die Unterlänge.

heiko_rs · #5 (**permalink**) 29.07.2006, 17:51

Stimmt, der Whitespace wirkt sich nur auf die horizontalen Abstände aus, die vertikalen wie von Dir beschrieben. In jedem Falle bitte display: block; statt <br />

wandler · #6 (**permalink**) 29.07.2006, 17:56

Danke für die Hinweise!

netspy · #7 (**permalink**) 29.07.2006, 18:47

Zitat:

Zitat von wandler

warum wird beim Firefox-Browser bei einer Grafik ein kleiner Leerraum unter der Grafik angezeigt?

http://dodabo.de/html+css/img-table/

Mario

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Firefox zeigt Grafik nicht an !	Hansomatik	CSS	8	19.11.2008 19:46
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr	kristian	Javascript & Ajax	3	05.08.2008 16:10
Grafik Hover problem bei Darstellung im Firefox	Micha-Heike	Site- und Layoutcheck	3	11.01.2008 20:13
Grafik unter div-Element in Firefox	cssler	CSS	5	17.02.2007 15:50
Firefox 1.5 Beta 1	Pablo	Offtopic	19	13.09.2005 18:56