Tabuľka text prekrýva okraje tabuliek alebo v programe Internet Explorer

DÔLEŽITÉ: Tento článok je preložený pomocou softvéru na strojový preklad od spoločnosti Microsoft a možno ho opraviť prostredníctvom technológie Community Translation Framework (CTF). Microsoft ponúka strojovo preložené články, články upravené komunitou aj články preložené prekladateľmi, aby zabezpečil prístup ku všetkým článkom databázy Knowledge Base vo viacerých jazykoch. Strojovo preložené články aj upravené články môžu obsahovať chyby týkajúce sa slovnej zásoby, syntaxe alebo gramatiky. Microsoft nenesie zodpovednosť za akékoľvek nepresnosti, chyby alebo škody spôsobené neprávnym prekladom obsahu alebo jeho použitím zo strany našich zákazníkov. Ďalšie informácie o technológii CTF nájdete na lokalite http://support.microsoft.com/gp/machine-translation-corrections/sk.

Pokiaľ chcete vidieť anglickú verziu článku, kliknite sem: 3121136
Príznaky
Pri použití tabuľky, ktoré obsahujú prvky bloku v programe Internet Explorer, sa môže vyskytnúť nasledovné príznaky:

  • Vnútorný text prekrýva orámovania tabuľky.
  • Častiach vnútorného chýbajú.

Tento problém ovplyvňuje nasledujúce verzie programu Internet Explorer:

  • Internet Explorer 9 alebo Internet Explorer 10 vo všetkých režimoch dokumentu, okrem Quirks
  • Internet Explorer 11 vo všetkých režimoch dokumentu, okrem Edge a Quirks
Príčina
Tento problém sa vyskytuje, pretože výšku tabuľky nastaviť tak, aby zohľadňovali blokový element, ktorý prekračuje toto nastavenie.
Riešenie
Na vyriešenie tohto problému vám odporúčame vykonať nasledovné:

  • Windows 10, použite Microsoft Edge.
  • Ostatné verzie systému Windows, inovácie, Internet Explorer 11 a potom vykreslenie stránky v režime okraj dokumentu.
Prípadne môžete stránky HTML. Na nahradiť text označenia DIV HTML tabuľky uvedené v nasledujúcom príklade.

Pôvodný kód

<!DOCTYPE HTML><html><body>    <table style="border: 1px solid blue; height: 50px">        <tr>            <td style="height: 100%">                <div style="height: 100%">                    This text overlaps<br />                    the<br />                    blue<br />                    border<br />                </div>            </td>        </tr>    </table></body></html>

Nahradenie kódu

<!DOCTYPE HTML><html><body>    <table style="border: 1px solid blue; height: 50px">        <tr>            <td style="height: 100%">                    <table>                    <tr>                        <td>                            This text fits within<br />                            the<br />                            blue<br />                            border<br />                        </td>                    </tr>                </table>                   </td>        </tr>    </table></body></html>

Upozornenie: Tento článok bol preložený automaticky.

Vlastnosti

ID článku: 3121136 – Posledná kontrola: 03/31/2016 02:47:00 – Revízia: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtsk
Pripomienky