Problem mit Content und Bild

onetit · 2006-09-02T23:24:36+00:00

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. Was ist das? Danke und Gruss onetit

onetit · 3. September 2006 13:29

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

Honk88 · 3. September 2006 22:15

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

LG
Honk

onetit · 5. September 2006 00:15

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

Salz · 5. September 2006 07:38

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.

onetit · 5. September 2006 22:38

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]

Honk88 · 5. September 2006 22:57

Poste mal bitte dein css

LG
Honk

onetit · 6. September 2006 10:06

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

Honk88 · 6. September 2006 10:17

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

onetit · 6. September 2006 11:55

Hallo

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

Gruss onetit

einpraegsam.net · 6. September 2006 12:03

Hau das "display: block;" raus

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

onetit · 6. September 2006 23:29

habe ich gamcht, bleibt aber gleich!

einpraegsam.net · 7. September 2006 08:18

URL?

Unbekannter Benutzer · 7. September 2006 09:49

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>

onetit · 7. September 2006 15:18

Viiiiieeeeelllllleeeennnn Dank

genau das wars! 🙂 🙂 🙂

Gruss onetit