ugrás a tartalomhoz

IE8 table height

tamsv · 2008. Ápr. 27. (V), 02.37
Sziasztok!

Problémám a következő:
Internet Explorer 8 beta 1-ben táblázatba ágyazott másik táblázat magassága szorosan a tartalomra illeszkedik, azaz nem lehetséges a 100% magasság beállítása.

Kód a következő:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style='height: 100%' xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="hu">

<body style='height: 100%'>

<table style='height: 100%; table-layout: fixed;' border='2'>
   <tr>
     <td style="height: 100%; width: 82px; padding: 0px">



<table style="table-layout: fixed; border: 1px red solid; height: 100%;">
   <tr style="height: 100%">
     <td style="height: 100%; width: 100%">Belső</td>
   </tr>
</table>


     </td>
     <td style="width: 100%">Jobb oldali cella</td>
   </tr>
</table>

</body>

</html>
Azt hiszem, jól látható, hogy a belső tábla maximális magasságát már mindenhol az égvilágon beállítottam.
Azon természetesen nem lepődöm meg, hogy pont az IE nem jeleníti meg ezt úgy, ahogy kell, de ha valaki tud segíteni, azt megköszönném.

Ha lehet, kerüljük az alábbi hozzászólásokat:
- ne használj explorert!
- mi a francnak td-be ágyazott table?

Köszönöm
‹ Menü túllóg a határoló diven Táblázat véletlen számokkal ›
 ■
1

- mi a francnak ie 8 bétára fejleszteni?

Fraki · 2008. Ápr. 28. (H), 15.36
- mi a francnak ie 8 bétára fejleszteni?

(Amikor ráadásul 99,5%-os valószínűséggel meg lehet mondani, hogy a következő/végleges kiadásban másképp fog viselkedni.)
2

BÉTA??? a nem béta is ezt csinálja

dolcevita · 2009. Jún. 26. (P), 16.41
Sziasztok!

Én ugyanezt tapasztalom a végleges kiadás alatt is.

Rengeteg témát találtam erről Googleben, azaz másoknak is jelentkezik, de megoldást nem találtam.

Van rá ötlet?
3

Mi ebből a tanulság?

Poetro · 2009. Jún. 26. (P), 16.46
Ne használjunk (általában) táblázatba ágyazott táblázatot, vagy ha mégis nagyon kell, akkor ne akarjuk 100% magasnak.
4

Idézet a témanyitótól

dolcevita · 2009. Jún. 26. (P), 17.50
Ha lehet, kerüljük az alábbi hozzászólásokat:
- ne használj explorert!
- mi a francnak td-be ágyazott table?

Kiegészítem:

Megoldást szeretnénk és nem alternatívát...

Köszönöm
5

Működik

Poetro · 2009. Jún. 26. (P), 18.24
Nekem az alábbi kód működik IE8 alatt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="hu">
<head>
  <title></title>
<style type="text/css">
  table {
    table-layout: fixed;
    border-collapse: collapse;
  }
  .h100 {
    height: 100%;
  }
  html {
    height: 100%;
  }
</style>
</head>
<body class="h100" style="height: 100%; margin: 0">

<table class="h100" summary="">
   <tr class="h100">
     <td class="h100" style="width: 82px; padding: 0px">
      <table class="h100" summary="">
         <tr class="h100">
           <td class="h100" style="width: 100%; border: 1px solid red;">Belső</td>
         </tr>
      </table>
     </td>
     <td style="width: 100%">Jobb oldali cella</td>
   </tr>
</table>

</body>

</html>