Probleme mit dem "HTML-Gerüst" meines Blogs

    Hallo!
    Ich bin ein absoluter Neuling in Sachen HTML und habe mir mit größter Mühe mein Blogaussehen zusammengebastelt. Leider bekomme ich es nicht hin die Navigationsleiste neben dem Text erscheinen zu lassen.
    Vielleicht findet jemand den Fehler:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>

    <title><Selbstgemachtes></title>
    <style type="text/css">

    body {
    background:#fff url("http://www.blogblog.com/dots/bg_dots.gif") 50% 0;
    margin:0;
    padding:40px 20px;
    text-align:center;
    font:small Georgia,Serif
    color:#333;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
    a:link {
    color:#58a;
    text-decoration:none;
    }
    a:visited {
    color:#969;
    text-decoration:none;
    }
    a:hover {
    color:#c60;
    text-decoration:underline;
    }
    a img {
    border-width:0;
    }

    /* Header
    ----------------------------------------------- */
    @media all {
    #header {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
    }
    @media handheld {
    #header {
    width:90%;
    }
    }
    #blog-title {
    margin:5px 5px 0px;
    padding:20px 20px .25em;
    border:1px solid #eee;
    border-width:1px 1px 0;
    font-size:200%;
    line-height:1.2em;
    font-weight:normal;
    color:#666;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
    #blog-title a {
    color:#666;
    text-decoration:none;
    }
    #blog-title a:hover {
    color:#c60;
    }
    #description {
    margin:0 5px 5px;
    padding:0 20px 20px;
    border:1px solid #eee;
    border-width:0 1px 1px;
    max-width:700px;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#666;
    }

    /* Content
    ----------------------------------------------- */
    @media all {
    #content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
    #main {
    width:410px;
    float:left;
    }
    #sidebar {
    width:220px;
    float:right;
    }
    }
    @media handheld {
    #content {
    width:90%;
    }
    #main {
    width:100%;
    float:none;
    }
    #sidebar {
    width:100%;
    float:none;
    }
    }


    /* Headings
    ----------------------------------------------- */
    h2 {
    margin:1.5em 0 .75em;
    font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }


    /* Sidebar Content
    ----------------------------------------------- */
    #sidebar ul {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    border-bottom:1px dotted #ccc;
    list-style:none;
    }
    #sidebar li {
    margin:0;
    padding:0 0 .25em 15px;
    text-indent:-15px;
    line-height:1.5em;
    }
    #sidebar p {
    color:#666;
    line-height:1.5em;
    }

    /* Footer
    ----------------------------------------------- */
    #footer {
    width:660px;
    clear:both;
    margin:0 auto;
    }
    #footer hr {
    display:none;
    }
    #footer p {
    margin:0;
    padding-top:15px;
    font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    </style>

    </head>

    <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage> Selbstgemachtes
    <ItemPage></a></ItemPage>
    </h1>
    <p id="description">brühwarm aus meinen Händen...</p>

    </div>


    <div id="content">


    <div id="main"><div id="main2">

    <Blogger>


    <div class="post-body">
    <div>
    {PLACE_CONTENT}
    </div>
    </div>

    </div>

    </Blogger>
    </div></div>


    <div id="sidebar"><div id="sidebar2">

    <h2 class="sidebar-title">Navigation</h2>
    <ul id="recently">
    <BloggerNavigation>
    [*]Archiv
    [*]Gästebuch
    [*]Startseite
    [*]Über...
    [*]Kontakt
    [*]Abonnieren
    [*]
    </BloggerNavigation>
    [/list]

    <h2 class="sidebar-title">Kategorien</h2>
    <ul id="recently">
    <BloggerKategorien>[*]<a href [*]{PLACE_CATEGORIES}</a>
    </BloggerKategorien>
    [/list]

    <h2 class="sidebar-title">Links</h2>
    <ul id="recently">
    <BloggerLinks>[*]<a href [*]{PLACE_LINKS}</a>
    </BloggerLinks>
    [/list]

    {PLACE_POWEREDBY}

    </div></div>


    </div>


    </body>

    </html>

    Übrigens ich bin bei myblog.de, vielleicht kennt sich jemand damit aus. Danke schon mal!
    Grüße

    Ich hab nicht gelacht, sondern nur geschmunzelt. :roll: Nun aber zu der Lösung!

    Diesen Teil bitte überkopieren:

    Und dann muss dieser (unveränderte) Bereich

    direkt über

    Code

    geschoben werden.

    Nein, tut mir leid, klappt nicht. Jetzt seigt es die Navigationsleiste gar nicht mehr an.

    Also bei mir funktioniert es.... Hab allerdings die Ansteuerung für Handhelds raus genommen, da mir der Code zu Beginn etwas unübersichtlich erschien.

    Nein, klappt immer noch nicht. Irgendwie hast du auch den Inhalt von meiner "Über..-Seite" in deinem HTML-Text.

    Nein, hab eine höhere Auflösung. Vielleicht liegt es ja an meinem Inhalt. Mit dem Befehl {PLACE_CONTENT} werden all meine alten Beiträge eingefügt, vielleicht sind ja die Bilder darin zu breit oder so?? Aber wenn ihr auf den Link geht, müßtet ihr es ja auch so sehen wie es bei mir angezeigt wird. Da ist der Text erst unter der Navi-Leiste: http://myblog.de/strickchaotika

    Hab grad bei content ein "&" zwischen main und sidebar gesetzt. Jetzt geht's komischerweise.