Verschil webpagina uiterlijk bij IE en FF

[Snowwie]

Ik heb mijn website geupdate en nu kom ik een eigenaardigheid tegen waarvan ik niet precies kan uitvogelen waar het van komt.

Het gaat om de volgende plaatjes, welke geplaatst zijn in een aantal tabellen en cellen:

In Internet Explorer wordt de tabel met de bijbehorende content in de cel correct weergegeven, namelijk zo:



In Firefox gebeurd iets anders:



Er zit dus een lege regel boven het rechter plaatje.

Nu heb ik het volgende geprobeerd in Firefox:
- Grootte van lettertype verkleind
- Vinkje aangezet bij "pagina's toestaan hun eigen lettertype te gebruiken"
- Ad Blocker Pro uitgeschakeld
- Flashblock Pro uitgeschakeld

Het probleem lijkt toch ergens door Firefox te worden veroorzaakt. Ik zie in de html code ook geen verschil, maar het is dus wel een beetje lullig als je bezoekers krijgt op je site, die Firefox gebruiken en dan tegen zo'n schots scheve toko aankijken......iemand ideeën / suggesties?

[ Voor 13% gewijzigd door Snowwie op 02-11-2008 01:47 ]

[Stollie]

Misschien voor de zekerheid effe de code posten. Ik zou het zo ook niet weten.
Je zou denken een <br />
of een height die je ingesteld heb. Maar dan zou het plaatje denk ik boven zitten.

[Snowwie]

De code....

Code linker plaatje:

code:

            <td height="170" bgcolor="#C0C0C0" align="center" width="191" background="color_grey_88.jpg">
            <div align="center">
                <table border="2" width="88%" id="table46" height="156" bordercolor="#000000">
                    <tr>
                        <td align="center" height="38" bgcolor="#333333">
                        <font color="#FFFFFF" face="Tahoma" size="4">All Stars</font></td>
                    </tr>
                    <tr>
                        <td>
                        <p align="center">&nbsp;<a href="javascript:window.open('http://games.eurocazino.com/games/play.php?id=3358&game=allstars', 'allstars', 'width=800, height=600, top=0, left=0, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, copyhistory=no');void(0);"><img src="http://www.spinity.com/banners/150x100allstars.jpg" width="150" height="100" border="0"></a></td>
                    </tr>
                </table>
            </div>
            </td>

Code rechter plaatje:

code:

            <td height="170" bgcolor="#C0C0C0" align="center" width="185" background="color_grey_88.jpg">
            <div align="center">
                <table border="2" width="88%" id="table47" height="156" bordercolor="#000000">
                    <tr>
                        <td align="center" height="38" bgcolor="#333333">
                        <font color="#FFFFFF" face="Tahoma" size="4">Big Money Game</font></td>
                    </tr>
                    <tr>
                        <td>
                        <p align="center">&nbsp;<a href="javascript:window.open('http://games.eurocazino.com/games/play.php?id=3358&game=bigmoneygame', 'bigmoneygame', 'width=800, height=600, top=0, left=0, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, copyhistory=no');void(0);"><img src="http://www.spinity.com/banners/150x100bigmoneygame.jpg" width="150" height="100" border="0"></a></td>
                    </tr>
                </table>
            </div>
            </td>

[Sijmen]

De twee blokjes in kwestie:

HTML:

<div align="center">
    <table border="2" width="88%" id="table46" height="156" bordercolor="#000000">
        <tr>
            <td align="center" height="38" bgcolor="#333333">
            <font color="#FFFFFF" face="Tahoma" size="4">All Stars</font></td>
        </tr>
        <tr>
            <td>
            <p align="center">&nbsp;<a href="javascript:window.open('http://games.eurocazino.com/games/play.php?id=3358&game=allstars', 'allstars', 'width=800, height=600, top=0, left=0, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, copyhistory=no');void(0);"><img src="http://www.spinity.com/banners/150x100allstars.jpg" width="150" height="100" border="0"></a></td>
        </tr>
    </table>
</div>

<!-- snip -->

<div align="center">
    <table border="2" width="88%" id="table47" height="156" bordercolor="#000000">
        <tr>
            <td align="center" height="38" bgcolor="#333333">
            <font color="#FFFFFF" face="Tahoma" size="4">Big Money Game</font></td>
        </tr>
        <tr>
            <td>
            <p align="center">&nbsp;<a href="javascript:window.open('http://games.eurocazino.com/games/play.php?id=3358&game=bigmoneygame', 'bigmoneygame', 'width=800, height=600, top=0, left=0, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, copyhistory=no');void(0);"><img src="http://www.spinity.com/banners/150x100bigmoneygame.jpg" width="150" height="100" border="0"></a></td>
        </tr>
    </table>
</div>

edit: probeer sowieso eens de spatie (&nbsp;) weg te halen voor de link. Helpt dat?

[Snowwie]

Sijmen schreef op zondag 02 november 2008 @ 01:52:
edit: probeer sowieso eens de spatie (&nbsp;) weg te halen voor de link. Helpt dat?

Joo.....JackPoT!....

Heel erg bedankt man....

Hier had ik nog heel lang naar kunnen pluizen.
Inmiddels alle plaatjes aangepast.

[ Voor 15% gewijzigd door Snowwie op 02-11-2008 02:15 ]