Problem v IE8 <td> višina ni 100%

2 naročnika

V magentu in tabeli imam en problem. Kreiral sem tabelo z dvema stolpcema. Problem pa imam da če ima desni stolpec več vrstic oziroma daljši tekst, tako da se potem višina poveča (razpotegne čez več vrstic), levi stolpec pa ostane le v eni vrstici, se le ta ne razpotegne.

To mi potem povzroča designerske probleme, kajti imam nastavljeno drugačno background barvo levega stolpca in še tr:hover in vse skupaj potem ni ok če stvar ne deluje kot mora. V Firefox, Internet Explorer 7, Chrome pa zadeva popolnoma deluje.

Spletna stran in težava je tukaj: http://makspro.eliteplaying.com/index.php/audio-in-video/pc-procesor-intel-core-i3-530-2-933ghz.html

V CSSju pa imam takole to tabelo:

.newspaper-a {width:auto;text-align:left;border-collapse:collapse; height: 100% !important;  }
.newspaper-a td{color:#6c6c6c;padding:7px 10px 7px 15px; border:1px solid white; background-color: #f7f6f6; height: 100% !important; }
.newspaper-a td.left {  background-color: #eaeaea; width: 160px; text-align: left; vertical-align: top; color: #313131;  display: inline; height: 100% !important;}
.newspaper-a tbody tr:hover td{color:white;background:#54a7c9; height: 100% !important; }
.newspaper-a tr { height: 100% !important; }

Kje bi lahko bil problem? Čudi me da v vseh drugih brskalnikih deluje samo v IE8 ne.... Celo IE7 dela.

Klinčev IE8 height bug, na netu je o tem veliko napisanega, rešitev je pa tudi več, odvisno od situacije.

Probal sem že miljon načinov pa noben ne reši problema. Eden izmed teh je, da sem dodal kot piše v enem vodiču:

min-height:100%;
height:auto;
height:100%;

pa tudi ni pomagalo. Morda kakšen konkreten predlog?

Tabela pa ima naslednjo html kodo:

<div class="tabela_product">
<table class="newspaper-a">
<tr>
<td class="left">Grafični procesor</td>
<td>ATI RADEON HD 5750 (RV840)</td>
</tr>
<tr>
<td class="left">Pomnilnik</td>
<td>512 MB GDDR5 vodilo PCI Express 2.0 x16</td>
</tr>
<tr>
<td class="left">Takt procesorja</td>
<td>700 MHz</td>
</tr>
<tr>
<td class="left">Takt pomnilnika</td>
<td>4600 MHz</td>
</tr>
<tr>
<td class="left">Pomnilni&scaron;ko vodilo (bitov)</td>
<td>128</td>
</tr>

<tr>
<td class="left">Združljivost z DirectX</td>
<td>DirectX 11 (Shader Model 5)</td>
</tr>

<tr>
<td class="left">Izhodi</td>
<td>2 x DVI-I<br />
1 x DisplayPort<br />
1 x HDMI
</td>
</tr>

<tr>
<td class="left">Opis</td>
<td>Združljivost z DirectX DirectX 11 in OpenGL 3.1 izhodi Display Port, HDMI v1.3, 2x DVI-I drugo vgrajen aktivni hladilnik (zaseda dodatno režo) 1.008 teraFLOPS procesne moči ATI Eyefinity tehnologija ATI Stream tehnologija DirectCompute 11 in Shader Model 5.0 podpora Accelerate Video Transcoding TeraScale grafični pogon druge generacije ATI CrossFireX multi-GPU podpora Enhanced Anisotropic Filtering Dynamic geometry acceleration Game physics processing capability Dolby TrueHD in DTS-HD Master Audio podpora  <br /><br />Največja ločljivost: 3x 2560x1600 točk Microsoft Windows 7 podpora ATI PowerPlay tehnologija ATI Avivo tehnologija UVD 2 (Unified Video Decoder 2) OpenGL 3.2 podpora DXVA 1.0 &amp; 2.0 podpora</td>
</tr>
<tr>
<td class="left">Garancija</td>
<td>1 leto</td>
</tr>
<tr>
<td class="left">Dostava</td>
<td>Takoj</td>
</tr>
</table>
</div>