Height wird nicht vom IE verarbeitet

[Pullmann]

Hallo,
ich habe ein tolles Problem mit dem IE. In einem CMS verwende ich einen WYSIWYG-Editor, mit dem ich eine Tabelle formatieren will. Da man leider nicht auf den tr Tag zugreifen kann muss ich jede einzelne Zelle, bzw. den Text der dadrin steht anpacken und mit einem Span versehen. Wenn jetzt jedoch die eine Spalte höher ist als eine andere muss sich natürlich die kleine anpassen. Im FF geht es über HEIGHT:100%, im IE leider nicht.Hatte schon HEIGHT: 100% !important; HEIGHT:auto; getestet aber das ging auch nicht. Kennt da vielleicht jemand eine Lösung?

Hier mein Span:

<span style="DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #e3eaf1; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100% !important; HEIGHT:auto;">

 

[Maik]

Hi,

warum wendest du die CSS-Regel nicht direkt auf die Tabellenzellen an?

td.txt {
padding: 3px 0 3px 5px;
background: #e3eaf1;
margin: 1px 0px 0px;
border-bottom: #ccc 1px solid;
}

<table>
    <tr>
        <td class="txt">dummy text</td>
        <td class="txt">dummy text<br>dummy text</td>
    </tr>
</table>

 

[Pullmann]

wie gesagt kann ich nicht über den Editor auf die Zelle zugreifen bzw. auf tr oder td, also muss ich den Text darin anpassen. Die Tabelle sieht dann so aus:

<table><tr>
            <td valign="top"><span style="DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #e3eaf1; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100%">Fischer, M. , Kraftt, T., Garcia-Castrillo Riesco, L., Lippert, F., Overton, J. Robertson-Steel, I. </span></td>
            <td valign="top"><span style="DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #e3eaf1; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100%">Emergency Medical Services Systems and Out-of-Hospital Cardiac Arrest. </span></td>
            <td valign="top"><span style="DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #e3eaf1; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100%">In: Norman Paradis, Henry Halperin, Karl Kern, Volker Wenzel, Douglas Chamberlain (Hrsg.) Cardiac Arrest - The Science and Practice of Resuscitation Medicine. Cambridge University Press (ISBN-10:&nbsp; 0521847001) &nbsp; </span></td>
            <td valign="top"><span style="DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #e3eaf1; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100%">2007 </span></td>
        </tr></table>

 

[Maik]

Hi,

ich kann gerade nicht so recht nachvollziehen, weshalb du die Tabellenzellen nicht direkt mit CSS formatieren, sprich in den <td>-Tags das class-Attribut einfügen, dafür aber ein span-Element mit den gewünschten CSS-Formatierungen in den Tabellenzellen einbinden kannst.

Und noch etwas, bei mir stellt keiner der gängigen Browser die gewünschte 100%-Höhe der span-Elemente dar, sprich es findet kein Höhenausgleich statt.

Es sei denn, dass ich für die Tabelle und die Tabellenzellen ebenfalls eine 100%-Höhe festlege.