Tabelle verrutscht

    Hi,
    ich habe eigentlich nur ein kleines, wirklich kleines Problem, weiß aber nicht, wie ich es lösen kann :oops:

    Ich habe meine Seite bishe perfekt, nur der untere Teil verrutscht nach rechts:

    <link href="css/styles.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
    <center>

    <table width="775" height="681" border="0" cellpadding="0" cellspacing="0" class="frame" id="Table_01">
    <tr>
    <td colspan="12">
    </td>
    </tr>
    <tr>
    <td rowspan="5" width="217" height="491">
    </td>
    <td colspan="2" width="102" height="77">
    <a href="#"
    onmouseover="window.status='about us'; changeImages('about_us', 'images/about-us-over.jpg'); return true;"
    onmouseout="window.status=''; changeImages('about_us', 'images/about-us.jpg'); return true;"
    onmousedown="changeImages('about_us', 'images/about-us-over.jpg'); return true;"
    onmouseup="changeImages('about_us', 'images/about-us-over.jpg'); return true;">
    </a></td>
    <td colspan="2" width="105" height="77">
    <a href="#"
    onmouseover="window.status='company'; changeImages('company', 'images/company-over.jpg'); return true;"
    onmouseout="window.status=''; changeImages('company', 'images/company.jpg'); return true;"
    onmousedown="changeImages('company', 'images/company-over.jpg'); return true;"
    onmouseup="changeImages('company', 'images/company-over.jpg'); return true;">
    </a></td>
    <td colspan="2">
    <a href="#"
    onmouseover="window.status='services'; changeImages('services', 'images/services-over.jpg'); return true;"
    onmouseout="window.status=''; changeImages('services', 'images/services.jpg'); return true;"
    onmousedown="changeImages('services', 'images/services-over.jpg'); return true;"
    onmouseup="changeImages('services', 'images/services-over.jpg'); return true;">
    </a></td>
    <td colspan="2">
    <a href="#"
    onmouseover="window.status='partners'; changeImages('partners', 'images/partners-over.jpg'); return true;"
    onmouseout="window.status=''; changeImages('partners', 'images/partners.jpg'); return true;"
    onmousedown="changeImages('partners', 'images/partners-over.jpg'); return true;"
    onmouseup="changeImages('partners', 'images/partners-over.jpg'); return true;">
    </a></td>
    <td colspan="3">
    <a href="#"
    onmouseover="window.status='contacts'; changeImages('contacts', 'images/contacts-over.jpg'); return true;"
    onmouseout="window.status=''; changeImages('contacts', 'images/contacts.jpg'); return true;"
    onmousedown="changeImages('contacts', 'images/contacts-over.jpg'); return true;"
    onmouseup="changeImages('contacts', 'images/contacts-over.jpg'); return true;">
    </a></td>
    </tr>
    <tr>
    <td colspan="12" rowspan="5" width="558" height="414">
    </td>

    --------------------------------

    <td width="775" height="78" colspan="12" align="center" valign="center" bgcolor="#474745" class="text2">
    Home | Impressum | Google | About | Contact


    <p align="right">
    Copyright &copy; 2007

    Design by Templatesbox</p> </td>
    </tr>
    <tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    </tr>
    </table>


    Ab dem -------------------------------- verschiebt sich Alles nach rechts :(

    Ich habe schon alles probiert, was muss man einfügen, damit es unten erscheint ????

    Vielen Dank für Eure Hilfe,
    Bussi Viki

    --------------------------------

    Ist doch nur wegen Euch drin ;)

    Liegt wan was anderem :p ...