td oder div mit 1px image füllen

fuxi17

ich habe folgendes problem und komme einfach nicht weiter:

im anhang findet ihr ein html file und eine bilddatei.

wenn man sich das ganze im firefox ansieht, dann ist alles wunderbar. das image mit dem roten pixel füllt die td bzw. div von oben bis unten aus.
wenn man sich das ganze jedoch im IE ansieht, dann bemerkt man, dass unten ein weisser rand ist, welcher ziemlich störend ist.

hat jemand von euch eine idee wie man das so lösen kann, dass auch der drecks IE das richtig darstellt??

vielen dank

tosh

ist jetzt eine vermutung aufgrund deiner beschreibung, habe die dateien nicht angesehen:

versuch mal per css das bestimmte img tag als block element zu definieren (display: block).

fuxi17

danke für deinen vorschlag. hat aber leider nix gebracht.

maciek

tja ... es ist nicht margin. Es ist nicht padding. The winner is ... line break! :hewa: Ich liebe diese Eigenheiten vom IE! Aber ohne die hätten wohl viele Leute keinen Job.

HTML

<html>
	<head>
		<style type='text/css'>
			.chart {
				border: 	solid 1px #000000;
				width: 		150px;
				height: 	12px;
			}
		</style>
	</head>
	<body>
		<div class="chart">
			<img src="chart.jpg" alt="0% vollständig" height='12px' width="50%" /></div>
	</body>
</html>

Alles anzeigen

Wenn Du das </div> in die Zeile unter dem <img> schreibst, kriegst Du den weißen Rand unten.

Vielleicht kannst Du das Problem ergoogeln und es gibt eine bessere Lösung dafür ... ?

fuxi17

DANKE VIELMALS!!!

an das hätte ich NIE gedacht. wenns nach mir ginge, dann hätte ich den IE schon längst erschlagen. nix als probleme mit dem drecksding :mad:

was noch lustig ist: wenn man zum img das attribut align='left' hinzufügt, dann kommt auf der linken und rechten seite ein weisser rand.

thx

maciek

Zitat von fuxi17

DANKE VIELMALS!!!

bitte schen. Eins wollte ich noch sagen: Ich würde empfehlen, css definitionen im head, inline css und Formatierungen über html attribute nicht zu mischen. Da kennst Dich sehr bald nicht mehr aus.

MarvinTheRobot

Zitat

<img src="chart.jpg" alt="0% vollständig" height='12px' width="50%" />

scnr

wenn schon xhtml dann bitte vollständig und die entscheidung ob " oder ' gemacht wird - btw: schöner find ichs mit style="height:12px; width:50%;"

lg, Phil.

Jetzt mitmachen!