table går ud over div'ens kanter

Det er ikke super let at gennemskue når du laver så relativt "gammelt" HTML - altså transitional med en god blanding af både CSS og inline attributter, men mit gæt er at fordi du aligner til højre, altså floater faktisk, så "fylder" elementet ikke noget. Det kan du løse ved enten at sætte et element med clear: both; nederst i din div eller sætte en bredde samt overflow: hidden; på din div.

Det gamle:

<div style="zoom:1;">

    <table class="productImage" align="right">...</table>

    noget tekst...

</div>


TABLE.productImage {
    border-style: none;
    border-width: 0;
    margin-bottom: 15px;
    margin-left: 15px;
}

Tak for dit indlæg keyserzone

Jeg prøver lige om jeg har forstået det du skriver korrekt


1. sætte et element med clear: both; nederst i din div


<div style="zoom:1;">

    <table class="productImage" align="right">...</table>

    noget tekst...

    <table style="clear: both;">...</table>

</div>





2. eller sætte en bredde samt overflow: hidden; på din div.

<div style="zoom:1;overflow:hidden;width:500px">

    <table class="productImage" align="right">...</table>

    noget tekst...

</div>




Er de begge rigtig forstået?
Hvilken af dem synes du er bedst?

Jeg har lige forsøgt med:

<div style="zoom:1;overflow:hidden;">
    <table class="productImage" align="right">...</table>
    noget tekst...
</div>

Og det ser ud til at det virker i både EI, Firefox og Chrome nu :o)

Jeg er MEGET tilfreds - tænk at det var så lidt som skulle til :O9

Mange tak for hjælpen