---
title: "Problem mit Content und Bild"
url: "https://www.typo3.net/d/49240-problem-mit-content-und-bild"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2006-09-03"
last_reply: "2006-09-07"
replies: 15
solved: false
page: 1
pages: 1
lang: "de"
---

# Problem mit Content und Bild

Allgemein · 15 Antworten · gestartet 2006-09-03

## Eröffnungsbeitrag

**onetit** · 2006-09-03 · [Beitrag #1](https://www.typo3.net/d/49240-problem-mit-content-und-bild/1)

Hallo Leute

Ich dreh noch durch! :-)
Denn ich habe folgendes Problem.

Auf meiner Seite oben ein HeaderBild, welches ich üben den Content "Rechts" auf jeder Seite anpassen kann. Das funktioniert auch.

Nur jetzt kommts; wenn ich die Seite im Firefox 1.5 betrachte, ist alles OK.
Wenn ich jetzt aber die selbe Seite im IE anschaue, habe ich zwischen dem HeaderBild und dem Content eine weisse Linie.

Wie bringe ich das weg?

Der Quellcode im Firefox und IE ist der selbe.

```typoscript
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
```

Was ist das?

Danke und Gruss
onetit

## Antworten

### [#2](https://www.typo3.net/d/49240-problem-mit-content-und-bild/2) · Honk88 · 2006-09-03

Hi,

je nach problem sollte eins hievon anschlagen,
den Rest  wieder rausnehmen bzw. den eigenen Wünschen
anpasseen

ins css

```html
/*===================================*/

table img {display: block;}
td img {display: block;}
tr img {display: block;}
div img {display: block;}
a img {display: block; border:0;}

/*===================================*/

div,table,td,tr {
      spacing: 0px;
      padding: 0px;
      border: 0;
      margin: 0px 0px 0px 0px;
     }
```

### [#3](https://www.typo3.net/d/49240-problem-mit-content-und-bild/3) · onetit · 2006-09-03

Vielen Dank

Genau das habe ich gesucht. :D
Mit diesem Eintrag "table img {display: block;}" hat es funktioniert!

Aber, als Nebeneffekt bekommen ich nach jedem Bild und Text automatich einen Absatz.

Gruss onetit

### [#4](https://www.typo3.net/d/49240-problem-mit-content-und-bild/4) · Honk88 · 2006-09-03

Hi,
dann schau dir im generierten html nochmal die
umschließenden Tags an. Da wird vermutlich irgendeins
noch padden oder ähnliches.

LG
Honk

### [#5](https://www.typo3.net/d/49240-problem-mit-content-und-bild/5) · onetit · 2006-09-05

Hallo

Da ist leider kein Unterschied.

HTML, im Mozilla

```html
<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
</tr>
```

HTML, im IE

```html
<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
</tr>
```

Also ich sehe da nix!

Gruss onetit

### [#6](https://www.typo3.net/d/49240-problem-mit-content-und-bild/6) · Salz · 2006-09-05

```html
div,table,td,tr,img {
      spacing: 0;
      padding: 0;
      border: 0;
      margin: 0;
     }
```

mach das mal in deine CSS-Datei, und berichte uns über die Ergebnise.

### [#7](https://www.typo3.net/d/49240-problem-mit-content-und-bild/7) · onetit · 2006-09-05

Hallo Salz

Danke, aber das Problem besteht noch immer.

Hier der Ausschnitt vom IE (oben ist das Bild)
[Bild: doublecom.ch/…/ie.jpg](http://www.doublecom.ch/typo3/ie.jpg)

Hier der Auschnitt vom Firefox (oben ist das Bild)
[Bild: doublecom.ch/…/ff.jpg](http://www.doublecom.ch/typo3/ff.jpg)

Wo liegt nur das Problem?

Danke und Gruss
onetit[/url]

### [#8](https://www.typo3.net/d/49240-problem-mit-content-und-bild/8) · Honk88 · 2006-09-05

Poste mal bitte dein css

LG
Honk

### [#9](https://www.typo3.net/d/49240-problem-mit-content-und-bild/9) · onetit · 2006-09-06

OK, hier mein CSS

```typoscript
body { 
		font-family:Arial, Helvetica, sans-serif; color:#000000; 
		font-size:11px; background-color:#FFFFFF; 		
		}
/* ************************************************************************************************************************************ */	

/* Div Tag für Navigation */		
div#navi a:link 	{
	text-decoration: none;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

div#navi a:visited {
	text-decoration: none;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

div#navi a:hover {
	font-weight: bold;
	text-decoration:underline;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#navi a:active {
	font-weight: bold;	
	text-decoration: underline;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
/* ************************************************************************************************************************************ */	
/* Tag's für Dokument */

a:link {
		color:#8F2635; 
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; 
		} 
		
a:visited {color:#8F2635; 
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; 
		} 
		
a:active {
		color:#8F2635; 
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; 
		} 
		
a:hover {
		color:#8F2635; 
		text-decoration:none; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; } 

table { 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000000; 
		font-size:11px; 
		} 
		
td { 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000000; 
		font-size:11px; } 
/* ************************************************************************************************************************************ */	
/* Tabellen-Tag's für den Hintergrund Tabellen zu generieren */

.td_bg_navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F2635;
	background-color: #E49CA7;
}

.td_bg_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-repeat: repeat;
	background-image: url(fileadmin/images/index_r2_c4.gif);
}


/* ************************************************************************************************************************************ */	
/* übrige CSS-Styles */

h1 {
		color:#8F2635; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:14px; 
		} 
		
h2 {
		color:#8F2635; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		} 
		
h3 {
		color:#8F2635; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:10px; 
		} 
		
p {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		} 

ul {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; font-size:11px; 
		
		} 
		
ol {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		} 
li {	color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; } 

textarea { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color: #000000; 
		
		} 
		
input { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		
		} 
		
select { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		
		} 

		
.klein { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 8px; 
		color: #333333; 
		} 

/* Mail Formular, specifically */

  FORM FIELDSET.csc-mailform { border: 0px; padding: 5px; background-color: #ffffff; }
  FORM FIELDSET.csc-mailform DIV.csc-mailform-field LABEL {
  font:  normal 10px Verdana, Arial, sans-serif; color: #7E8061;

/* Mail Formular, Abstand zwischen Text und Feld */
  margin-right:1em; width:9em; float:left;
}

/* Mail Formular, Astand zwischen den Zeilen */
  FORM FIELDSET.csc-mailform DIV.csc-mailform-field { padding: 2px; }
  FORM FIELDSET.csc-mailform DIV.csc-mailform-label { padding: 3px; 
  						      font:  bold 10px Verdana, Arial, sans-serif; 
  						      color: #000000; }
```

### [#10](https://www.typo3.net/d/49240-problem-mit-content-und-bild/10) · Honk88 · 2006-09-06

Hi,

und wenn du denn ganzen Block den ich ganz oben gepostet
hab an den Anfang von einem css packst ändert sich das
nicht ?

LG
Honk

### [#11](https://www.typo3.net/d/49240-problem-mit-content-und-bild/11) · onetit · 2006-09-06

Hallo

doch, der Unterbruch ist weg. Aber;
ich habe habe dann hinter jedem Bild, auch in der Navigation einen ungewollten Absatz.

Gruss onetit

### [#12](https://www.typo3.net/d/49240-problem-mit-content-und-bild/12) · einpraegsam.​net · 2006-09-06

Hau das "display: block;" raus

bzw. testweise ausklammern im css mit /* text */

### [#13](https://www.typo3.net/d/49240-problem-mit-content-und-bild/13) · onetit · 2006-09-06

habe ich gamcht, bleibt aber gleich!

### [#14](https://www.typo3.net/d/49240-problem-mit-content-und-bild/14) · einpraegsam.​net · 2006-09-07

URL?

### [#15](https://www.typo3.net/d/49240-problem-mit-content-und-bild/15) · Unbekannter Benutzer · 2006-09-07

Meine Erfahrung ist, dass der IE Probleme mit Bildern in Tabellen hat, wenn da Spaces im Quellcode sind... stell mal den ursprünglichen Zustand wieder her und ändere so:

```html
<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
</tr>
```

in:

```html
<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td><img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" /></td></tr>
```

### [#16](https://www.typo3.net/d/49240-problem-mit-content-und-bild/16) · onetit · 2006-09-07

Viiiiieeeeelllllleeeennnn Dank

genau das wars!  :)   :)   :)

Gruss onetit

---

Quelle: „Problem mit Content und Bild“, typo3.net, https://www.typo3.net/d/49240-problem-mit-content-und-bild
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
