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

Kakse

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">

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>

<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 class="post-body">
<div>
{PLACE_CONTENT}
</div>
</div>

</div>

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

<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

driver

gib bitte auchmal den link...

Kakse

http://myblog.de/strickchaotika
>nicht lachen!<

Elvis

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

Diesen Teil bitte überkopieren:

Code

/* Content
----------------------------------------------- */
#content {
width:660px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:410px;
}
#sidebar {
width:220px;
float:left;
}

Alles anzeigen

Und dann muss dieser (unveränderte) Bereich

Code

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


<h2 class="sidebar-title">Navigation</h2>
<ul id="recently">
<BloggerNavigation>
[*][url='http://myblog.de/strickchaotika/archivebymonth']Archiv[/url]
[*][url='http://myblog.de/strickchaotika/gb']Gästebuch[/url]
[*][url='http://myblog.de/strickchaotika']Startseite[/url]
[*][url='http://myblog.de/strickchaotika/about']Über...[/url]
[*][url='http://myblog.de/strickchaotika/contact']Kontakt[/url]
[*][url='http://myblog.de/strickchaotika/abo']Abonnieren[/url]
[*][url='http://myblog.de/strickchaotika/rss'][img]{IMG_RSS}[/img][/url]
</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>

Alles anzeigen

direkt über

Code

geschoben werden.

Kakse

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

Elvis

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

HTML

<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
----------------------------------------------- */
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
}
#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
----------------------------------------------- */
#content {
width:660px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:410px;
}
#sidebar {
width:220px;
float:left;
}
/* 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="sidebar"><div id="sidebar2">
<h2 class="sidebar-title">Navigation</h2>
<ul id="recently">
<BloggerNavigation>
[*][url='http://myblog.de/strickchaotika/archivebymonth']Archiv[/url]
[*][url='http://myblog.de/strickchaotika/gb']Gästebuch[/url]
[*][url='http://myblog.de/strickchaotika']Startseite[/url]
[*][url='http://myblog.de/strickchaotika/about']Über...[/url]
[*][url='http://myblog.de/strickchaotika/contact']Kontakt[/url]
[*][url='http://myblog.de/strickchaotika/abo']Abonnieren[/url]
[*][url='http://myblog.de/strickchaotika/rss'][img]{IMG_RSS}[/img][/url]
</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 id="content">


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


<div class="post-body">
<div>
...mich
Ich mag diese... Musiker: 	The Strokes, The Hives, Weezer, Nelly Furtado, Madness, Tschaikowsky...
Lieder: 	Say it ain't so (Weezer), X-Factor (Lauran Hill), 911 (Mary J. Blidge), Ich dreh mich um dich oder so ähnlich (Herbert Grönemeyer) und natürlich fast alle Titel von den oben genannten Musikern
Sendungen: 	Gilmore Girls
Filme: 	Das Leben ist schön.
Club der toten Dichter
A Beautiful Mind
SAW
Chihiros Reise ins Zauberland
Bücher: 	Kazuo Ishiguro: Alles, was wir geben mussten
Carlos Ruiz Zafon: Der Schatten des Windes
Bernhard Schlink: Der Vorleser
Hobbies: 	Stricken (überrascht euch, oder?), Zeichnen, Nähen
Mehr über mich...
Als ich noch jung war...:
war ich noch blond.
Wenn ich mal groß bin...:
möchte ich weiterhin glücklich sein.
Ich liebe...:
meinen Schatz Rudi.
Man erkennt mich an...:
meinem Namen *g*
</div>
</div>
</div>


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


</div>


</body>
</html>

Alles anzeigen

Gut. Ich kopier einfach noch mal alles rein. Mal sehen. Muss ja klappen..

Kakse

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

sejuma

Zitat von Elvis

Ich hab nicht gelacht, sondern nur geschmunzelt.

Elvis, du Schlingel!

Elvis

Zitat von Kakse

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

Natürlich hab ich da ein bissl Text rein kopiert. Musste doch sehen ob es klappt. Aber das Gerüst sollte jetzt so funktionieren.

sejuma

Kakse

*schnief*...bei mir funktioniert's nich...

sejuma

Bei mir klappt's: Head in der Mitte oben, Navi links, daneben Blog in der Mitte. Hast du möglicherweise eine 800er Bildschirmauflösung? Dann wären für diesen Fall die Breitenangaben zu groß.

Kakse

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

Draft

Einfach mal Cache löschen??

mfg

Kakse

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

Tags