P°φklad chybnΘho v²poΦtu ╣φ°ky tabulky

Mß-li div nad°azen² tabulce nastaven n∞jak² horizontßlnφ okraj (margin nebo padding), tabulka ╣patn∞ poΦφtß stoprocentnφ ╣φ°ku (moc velkou, neumφ odeΦφst ten okraj):

Pou╛it² k≤d:

<div style="margin-left: 100px; border: 1px solid blue">
    <table style="width: 100%; border: 1px solid red">
        <tr>
            <td>obsah tabulky, kterß p°etΘkß moc napravo</td>
        </tr>
    </table>

    <div style="width: 100%; border: 1px solid red">
        obsah divu, kter² by tu chybu d∞lat nem∞l
    </div>
</div>

╪e╣enφ

╪e╣enφ spoΦφvß v je╣t∞ jednom mezi-divu s nastavenou stoprocentnφ ╣φ°kou:

Pou╛it² k≤d:

<div style="margin-left: 100px; border: 1px solid blue">
    <div style="width: 100%;">
        <table style="width: 100%; border: 1px solid red">
            <tr>
                <td>obsah tabulky, kterß u╛ nep°etΘkß moc napravo, proto╛e je obalena je╣t∞ jednφm divem</td>
            </tr>
        </table>
    </div>
</div>

P°φklad se vztahuje k css vlastnosti width.