Problem mit Content und Bild

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.

<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

Hi,

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

ins css

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

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;
     }

Vielen Dank

Genau das habe ich gesucht. 😃
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

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

LG
Honk

Hallo

Da ist leider kein Unterschied.

HTML, im Mozilla

<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

<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

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.

Hallo Salz

Danke, aber das Problem besteht noch immer.

Hier der Ausschnitt vom IE (oben ist das Bild)
Bild: doublecom.ch/…/ie.jpg

Hier der Auschnitt vom Firefox (oben ist das Bild)
Bild: doublecom.ch/…/ff.jpg

Wo liegt nur das Problem?

Danke und Gruss
onetit[/url]

Poste mal bitte dein css

LG
Honk

OK, hier mein CSS

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; }

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

Hallo

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

Gruss onetit

Hau das "display: block;" raus

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

habe ich gamcht, bleibt aber gleich!

URL?

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:

<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:

<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>

Viiiiieeeeelllllleeeennnn Dank

genau das wars! 🙂 🙂 🙂

Gruss onetit