HTML problem

    Also und zwar ich will das http://www.pic-upload.de/view-15474631/Bild-Home.png.html rote kasten Quer haben also

    das es in der Mitte ist vom Bild.

    Mein Code: <div id="footer_main_container">

    <div id="footer_container"align="center">

    <table class="footer_table_setup" align="center" border="1">

    <tr>

    <td><a href="#">Link</a></td>

    <td rowspan="5"></td>

    <a href="http://www.youtube.de" target="_blank"><img src="image/footer-logo.png" alt="Meins"/></a>

    <td><a href="#">Link</td>

    </tr>

    <tr>

    <td><a href="#">Impressung</a></td>

    <td><a href="#">Multi-News</a></td>

    </tr>

    <tr>

    <td><a href="#">Datenschutz</a></td>

    <td><a href="#">Youtube-Kanal</a></td>

    </tr>

    <tr>

    <td><a href="#">FAQ</a></td>

    <td><a href="#">Link</a></td>

    </tr>

    <tr>

    <td><a href="#">Link</a></td>

    <td><a href="#">Link</a></td>

    </tr>

    </table>

    </div>

    </div>

    </table>


    Und ich will das so ausschaut :
    http://www.pic-upload.de/view-15475378/bild-2.png.html

    Einmal editiert, zuletzt von Jugo_Boss (6. August 2012 um 17:12) aus folgendem Grund: Verbessert

    also den ganzen kram als website vorbereitet und als link gepostet würde eher helfen, du lieferst uns hier grad nur den html-code und bilder, aber kein css (und die bilder zeigen mir beide mal des gleiche ;) )

    <!DOCTYPE html>
    <html>

    <head>
    <title>Webdesign</title>
    </head>
    <meta charset="ISO-8859-1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <meta name="keywords" content=""/>
    <meta name="generator" content="Webocton - Scriptly (http://www.scriptly.de)"/>
    <link href="stylesheet.css" type="text/css" rel="stylesheet"/>
    <body>
    <table align="center">

    <tr>
    <td>
    <div id="root_site">
    <div id="head_main_contauber"></div>
    <div class="header_background"></div>
    <div id="navi_main_container">
    <div class="navi_container">
    </div>
    <div id="content_main_container">
    <div class="content_left_main">
    <table class="content_left_table" cellpadding="0" cellpadding="0">
    <tr>
    <td>
    <table class="news_box">
    <tr>
    <td class="content_table_headline" colspan="2">News</td>
    </tr>
    <tr>
    <td colspan="2">
    <p>Auch gibt es niemanden, der den Schmerz an sich liebt, sucht oder wünscht, nur, weil er Schmerz ist, es sei denn, es kommt zu zufälligen Umständen, in denen Mühen und Schmerz ihm große Freude bereiten können. Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen? Aber wer hat irgend ein Recht, einen</p>
    <p>Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat, oder einen, der Schmerz vermeidet, welcher keine daraus resultierende Freude nach sich zieht? Auch gibt es niemanden, der den Schmerz an sich liebt, sucht oder wünscht, nur, weil er Schmerz ist, es sei denn, es</p>
    <p>kommt zu zufälligen Umständen, in denen Mühen und Schmerz ihm große Freude bereiten können. Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen?</p>
    </td>
    </tr>
    <tr>
    <td width="50">Links</td>
    <td><a href="http://forum.sa-mp.de" target="_blank">Breadfish Forum</td>
    </tr>
    </table>
    <br />
    <table class="news_box">
    <tr>
    <td class="content_table_headline" colspan="2">News</td>
    </tr>
    <tr>
    <td colspan="2">
    <p>Auch gibt es niemanden, der den Schmerz an sich liebt, sucht oder wünscht, nur, weil er Schmerz ist, es sei denn, es kommt zu zufälligen Umständen, in denen Mühen und Schmerz ihm große Freude bereiten können. Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen? Aber wer hat irgend ein Recht, einen</p>
    <p>Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen,</p>
    </td>
    </tr>
    <tr>
    <td width="50">Links</td>
    <td><a href="http://forum.sa-mp.de" target="_blank">Breadfish Forum</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </div>

    <div class="content_right_main">
    <table class="content_right_table"cellpadding="0" cellpadding="0">
    <tr>
    <td class="content_table_headline">Short News</td>
    </tr>
    <tr>
    <td>
    <p>Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine. Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte</p>
    </td>
    </tr>
    </table>
    </div>
    </div>
    <div id="footer_main_container">
    <div id="footer_containe">
    <table class="footer_table_setup" align="center">
    <tr>
    <td><a href="#">Link</a></td>
    <td rowspan="5"></td>
    <a href="http://www.youtube.de" target="_blank"><img src="image/footer-logo.png" alt="Meins"/></a>
    <td><a href="#">Link</td>
    </tr>
    <tr>
    <td><a href="#">Impressung</a></td>
    <td><a href="#">Multi-News</a></td>
    </tr>
    <tr>
    <td><a href="#">Datenschutz</a></td>
    <td><a href="#">Youtube-Kanal</a></td>

    </tr>
    <tr>
    <td><a href="#">FAQ</a></td>
    <td><a href="#">Link</a></td>
    </tr>
    <tr>
    <td><a href="#">Link</a></td>
    <td><a href="#">Link</a></td>
    </tr>
    </table>
    </div>
    </div>
    </table>
    </body>
    </html>

    /* HTML Tutorial Stylesheet Script 1.0*/
    /* Autor Homepage-Design */

    body
    {
    background: url(image/blue-light-hd.jpg) no-repeat;
    background-position: center;
    background-position: top;
    background-color: #8FDBF5;
    font-family: Verdana;
    font-size: 9pt;

    }

    a
    {
    color: #558855;
    }

    a:hover
    {
    color: #CCCC00;
    }

    a img
    {

    }

    /* root_site Setup */

    #root_site
    {
    margin-top: 40px;
    width: 860px;
    height: auto;
    background-color: #FFF;
    }

    #head_main_container
    {
    background: #CCCCCC;
    width: 100%;
    height: 240px;
    }

    .header_background
    {
    height: 240px;
    width: 100%;
    background: url(image/header-1.jpg) ;
    background-position: center;
    }

    #navi_main_container
    {
    background: #999999 ;
    width: 100%;
    height: 40px;
    }

    .navi_container
    {
    width: 100%;
    height: 40px;
    }

    #content_main_container
    {
    background: #FFFFFF ;
    width: 100%;
    height: 480px;
    }

    .content_left_main
    {
    width: 70%;
    height: 100%;
    background-color: #FFFFFF;
    float: left;
    }

    .content_left_table
    {
    padding: 10px 40px 10px 15px;
    }
    .news_box
    {
    background-color: #8FDBF5;
    padding: 3px 3px 3px 3px;
    border-radius: 10px;
    }

    .content_right_main
    {
    width: 30%;
    height: 100%;
    background-color: #FFFFFF;
    float: right;
    }

    .content_right_table
    {
    padding: 0 40px 10px 15px;
    border-left: dotted 1px #000000;
    margin-top: 10px;
    }
    .content_table_headline
    {
    font-size: 14pt;
    font-weight: bold;
    font-variant: small-caps;
    border-bottom: dotted 1px #558855;
    color: #558855;
    padding-top: 0px;
    }

    #footer_main_container
    {
    background: #333333 ;
    width: 100%;
    height: auto;
    float: left;
    }

    #footer_container
    {

    }

    .footer_table_setup
    {
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
    }

    .footer_table_setup td
    {
    height: 12px;
    width: 80px;
    }

    .footer_table_septup a
    {
    color: #FFF;
    text-decoration: none;
    }

    .footer_table_septup a:hover
    {
    color: #CC3300;
    }