✔ Einfache Tabelle und der IE macht es falsch

  • Themenstarter Themenstarter blong1550
  • Beginndatum Beginndatum
B

blong1550

Hallo,

ich habe ein seltsames Problem mit dem IE und einem eigentlich einfachen CSS Teil.
In FF und Opera ist alles bestens.

Schaut selbst denke das Problem lässt sich am bestne durch diese 3 Bilder erklären:

So sieht es im FF aus und so soll es auch sein
probff03wl.png


So macht es der IE
probiec3he.png


Und so ist es geplant gewesen:
probtab53wt.png



HIer der CSS Teil
Code: 
	td.details_header 		{ background-image:url(ebay_16.gif); background-repeat:no-repeat; background-position: bottom left; width: 688px; height: 12px}
	td.details_content_left { background-image:url(ebay_17.gif); background-repeat:no-repeat; background-position: top left; width: 43px ; height: 178px}
	td.details_content		{ background-color:#fdf2d2; width: 632px; vertical-align: top}
	td.details_content_ende { background-image:url(ebay_23.gif); background-repeat:repeat-y; width: 13px}
	td.details_footer_left	{ background-image:url(ebay_24.gif); background-repeat:no-repeat; background-position: top right; width: 29px; height: 13px; }
	td.details_footer		{ background-image:url(ebay_26.gif); background-repeat:repeat-x; width: 200px; height: 13px; }
	td.details_footer_ende	{ background-image:url(ebay_27.gif); background-repeat:no-repeat; width: 13px; height: 13px; }
	
	td.details_content_left_b { background-image:url(ebay_21.gif); background-repeat:repeat-y;  background-position: bottom right; width: 43px ;}

HIer der HTML Code
Code: 
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" class="details_header">&nbsp;</td>
  </tr>
  <tr>
    <td class="details_content_left"><p class="test">&nbsp;</p></td>
    <td class="details_content" rowspan="2">
    	<p class="text">
    
    	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>

    </td>
    <td class="details_content_ende" rowspan="2">&nbsp;</td>
  </tr>
  
  
  <tr>
  	<td class="details_content_left_b">&nbsp;</td>
  
  </tr>
  
  
  <tr>
    <td class="details_footer_left">&nbsp;</td>
    <td class="details_footer">&nbsp;</td>
    <td class="details_footer_ende">&nbsp;</td>
  </tr>
</table>


Ich habe mir jetzt schon ewig den Kopf daran zerbrochen und bin auf keine brauchbare Lösung gekommen. Das Fenster soll sich ja auch variabel je nach Textlänge verändern....

Hoffe ihr habt eine gute Idee!

Grüße
blong
 
Hallo,

tut mir leid, aber ich erkenne auf den Thumbnails beim besten Willen nicht, worauf du hinaus willst. Mach mal größer.
 
ui das ist natürlich schlecht zu erkennen ;)
hier nun richtig


Firefox:
probff0d2z.png


Internet Explorer:
probiewh61.png


Tabellen:
probtabsfzc.png
 
Warum das "rowspan"? Und unten könntest du analog zu oben arbeiten. Also Einmal TD:colspan, den Rest raus ..
 
mhh ich weiß nicht ganz was du damit meinst? Bzw. was das bringen soll.

Es geht ja darum dass der IE das nicht richtig auffüllt links. Und ich weiß nicht wie ich das beheben kann.

Falls das die Lösung wäre, kannst du vll doch noch etwa erklären, oder evtl eine kurze Skizze erstellen?

Ich sollte noch erwähnen, dass der Text unterschiedlich lang sein kann in der unteren Box.
Also die Tabelle soll sich variabel anpassen. Deswegen habe ich links 2 Zellen, die obere die fest ist und die untere die Variabel sich vergrößeren soll mit entsprechendem Hintergrundbild.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück