1. Weiterleitung zu NetzLiving.de
  2. Forum
    1. Unerledigte Themen
  3. zum neuen Forum
  • Anmelden
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

td oder div mit 1px image füllen

  • fuxi17
  • 30. März 2008 um 14:03
  • Unerledigt
Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!
  • fuxi17
    Punkte
    280
    Beiträge
    41
    • 30. März 2008 um 14:03
    • #1

    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
    Punkte
    375
    Beiträge
    73
    • 30. März 2008 um 14:16
    • #2

    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
    Punkte
    280
    Beiträge
    41
    • 30. März 2008 um 17:29
    • #3

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

  • maciek
    Punkte
    2.805
    Beiträge
    434
    • 30. März 2008 um 17:58
    • #4

    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
    Punkte
    280
    Beiträge
    41
    • 30. März 2008 um 18:52
    • #5

    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
    Punkte
    2.805
    Beiträge
    434
    • 30. März 2008 um 19:09
    • #6
    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
    Punkte
    7.308
    Beiträge
    1.368
    • 30. März 2008 um 19:16
    • #7
    Zitat

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

    scnr ;)

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

    lg, Phil.

  • Maximilian Rupp 27. Dezember 2024 um 12:04

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

  1. Datenschutzerklärung
  2. Impressum