[SOLVED] Darstellungsfehler Internet Explorer

[mmx]

So, mal was für die Design-Cracks unter Euch:

Anbei zwei Screenshots - Firefox (so wie es sein soll) und IExplorer (so sicher nicht!). Habt Ihr eine zündende Idee, wie man den IExplorer dazu bringt, die website so darzustellen, wie gewünscht. Der Link zum Original-Shop-Screen ist hier: LINK Bitte einfach mal jeweils im Firefox und im IE testen.

CSS-Schnipsel shene so aus:

table#prod_listing_blocks { margin:6px 0 0 10px;	padding:0 0 5px 0;	border-bottom:1px solid #86837B;	

line-height:14px;	float:left;	clear:both;}
}
table#prod_listing_blocks tr.tableheader { display: none; }
table#prod_listing_blocks tr.prod { display: block; float: left; width: 65px; height: 0em; border: 0px #ccc solid; 

margin: 4px; padding: 0; }
table#prod_listing_blocks tr.prod td { display: block; padding:2px; margin: 0; }
table#prod_listing_blocks tr.prod td.prod_name { 
	background-image:url("../_ts_template/template_img/ts_boxheader_small.gif");
	vertical-align:top; 
	font-size:9px;
	text-align:center;
	font-weight: bold;
	color: #ffffff;
	/*background: #8DC01A;*/
	/*border:1px solid #8DC01A;*/
	/*height: 11px;*/
 }
table#prod_listing_blocks tr.prod td.prod_desc { 
	font-size:9px;
	text-align:center;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #ffffff;
	padding: 0px; margin: 0;
	vertical-align:top; 
	background: #fff; 
	/*height: 0.5em;*/
	/*overflow: auto;*/
 }
table#prod_listing_blocks tr.prod td.prod_Price { 	
	background-image:url("../_ts_template/template_img/ts_boxfooter_small.gif");	
	text-align:center;
	/*background: #dddddd; /
	/*border: 1px #dddddd solid;*/
	/*height: 4px;*/
}

und der relevante Teil in der product.html so:

<table id="prod_listing_blocks">
<tbody><tr class="tableheader">
<th scope="col">Product Name</th>
<th scope="col">Description</th>
</tr>
<tr class="prod">
<td class="prod_name">{txt key=TXT_BALLCATEGORY_1}</td>
<td class="prod_desc">{txt key=TXT_BALLCATEGORY_1_$p1}</td>
<td class="prod_Price"></td>
</tr>
<tr class="prod">
<td class="prod_name">{txt key=TXT_BALLCATEGORY_2}</td>
<td class="prod_desc">{txt key=TXT_BALLCATEGORY_2_$p2}</td>
<td class="prod_Price"></td>
</tr>
<tr class="prod">
<td class="prod_name">{txt key=TXT_BALLCATEGORY_3}</td>
<td class="prod_desc">{txt key=TXT_BALLCATEGORY_3_$p3}</td>
<td class="prod_Price"></td>

</tbody></table>
<br><br>	
<table id="prod_listing_blocks">
<tbody><tr class="tableheader">
<th scope="col">Product Name</th>
<th scope="col">Description</th>
</tr>
<tr class="prod">
<td class="prod_name">{txt key=TXT_BALLCATEGORY_4}</td>
<td class="prod_desc">{txt key=TXT_BALLCATEGORY_4_$p4}</td>
<td class="prod_Price"></td>
</tr>
<tr class="prod">
<td class="prod_name">{txt key=TXT_BALLCATEGORY_5}</td>
<td class="prod_desc">{txt key=TXT_BALLCATEGORY_5_$p5}</td>
<td class="prod_Price"></td>
</tr>
<tr class="prod">
<td class="prod_name">{txt key=TXT_BALLCATEGORY_6}</td>
<td class="prod_desc">{txt key=TXT_BALLCATEGORY_6_$p6}</td>
<td class="prod_Price"></td>
</tr>
</tbody></table>

Besten Dank für Eure Ideen und Hilfe

Grüße, Alex

[mmx]

Ach ja, was noch negativ auffällt: Bei den Slaveartikeln zeigt der dämliche Internet Explorer keine Bilder an!!! Hat dafür vielleicht jemand eine Idee. Zur Verdeutlichung bitte einfach mal den Link mit Firefox und Internet Explorer testen.
Ich krieg echt noch Läuse mit dem Mist IE.

Grüße und schon mal vielen Dank
Alex

[oldbear]

hi,
soweit ich weiss, hätte der IE gerne eine Grössenangabe bei den Bildern bzw. Grafiken , also für productPreviewImage und prod_name etc.
Grüsse

[mmx]

Hallo oldbear,

leider ist damit das Problem noch nicht gelöst. Die Eigenschaften (Flugweite, Spin, etc.) sind als Tabellen dargestellt. IE setzt die Zeilen, die untereinander erscheinen sollten, nach wie vor als Spalten nebeneinander!

Trotzdem danke für Deinen Tip

Grüße, Alex

[oldbear]

hi,
Du kannst ja in der table-Definition selber nochmal Höhe und Breite angeben ... einen Versuch ists wert.
Grüsse

[mmx]

Leider immer noch kein Erfolg
Im FF ist alles unverändert richtig, im IEwird es noch mehr zerschossen. Die Slave-Bilder erscheinen immer noch nicht...

Ich kapier´s einfach nicht

Grüße
Alex

[mmx]

So, die Tabelle funktioniert jetzt. Wer ähnliche Probleme hat kann sich bei mir per PM melden...

Das Problem mit den Slave-Bildern besteht aber weiterhin. Gibt´s da noch Ideen?

Danke und Grüße
Alex

[mmx]

So, erstmal vielen Dank. Nun läuft alles, so wie es soll

Ich kann es kaum glauben, aber es war Fehler im HTML Code. Der Firefox ist deutlich fehlerverzeiender, als der IE. Es war schlich ein <a> Tag, bei em das > gefehlt hat. Vielleicht sollte ich doch mal einen verbünftigen Editor verwenden

Also nochmal danke an alle.

Grüße, Alex

[oldbear]

stimmt, das mit den a-tags ist mir auch schon passiert.
Ich nutze jEdit ( OpenSource ) auf dem Mac als Editor.
Fehlende Tags erkennt der aber nicht ....
Grüsse