Problem v IE8 <td> višina ni 100%
 
blindek 5. jul 2010 11:55:38 Pridružen od:
11. dec 2009
924 objav
849 240 22
#1

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.


všeč(0) ni všeč(0) spam(0)
 
esedic 5. jul 2010 21:12:01 Pridružen od:
28. nov 2007
368 objav
184 13 4
#2

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


všeč(0) ni všeč(0) spam(0)
 
blindek 6. jul 2010 11:05:17 Pridružen od:
11. dec 2009
924 objav
849 240 22
#3

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>
všeč(0) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se