Posts werden nicht untereinander angezeigt

Blogga

Da ich die Seite lokal auf MAMP laufen lasse, kann ich derzeit leider mit keinem Link dienen. Den Webspace müsste ich die Tage bekommen...
Normalerweise sollen die Posts untereinander angezeigt werden. Bei mir wird ein Post korrekt angezeigt und der nächste wird über der Sidebar angezeigt, also nicht so, wie es sein sollte.
index.php

HTML

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>


	<title>Deichpirat.de - Ein weiteres tolles WordPress-Blog</title>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="WordPress 2.7"	


<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8888/wordpress/wp-content/themes/deichpirat 1.0/style.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://localhost:8888/wordpress/wp-content/themes/deichpirat 1.0/print.css" />


<meta name="ICBM" content="54.47961319645766, 9.052734375" />
<meta name="DC.title" content="BLAAA" />
<meta name="author" content="David Strüning" />
<meta name="description" content="Das Weblog zum BLAAA" /><meta http-equiv="imagetoolbar" content="no" />


<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost:8888/wordpress/?feed=rss2" />
<link rel="pingback" href="http://localhost:8888/wordpress/xmlrpc.php" />
<link rel="archives" href="/archiv/" title="Archiv: nach Monaten und Tags (Schlagwörter) sortiert." />
<link rel="shortcut icon" href="FAVICON" />




<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost:8888/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost:8888/wordpress/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 2.7" />


</head>
<body>
<a id="top" name="top"></a>
<div id="header">
	<div id="navigation">
		<ul>
			<li><a href="http://localhost:8888/wordpress" title="Blog" target="_self">.blog</a></li>
			<li class="page_item page-item-3"><a href="http://localhost:8888/wordpress/?page_id=3" title=".bio">.bio</a></li>
<li class="page_item page-item-5"><a href="http://localhost:8888/wordpress/?page_id=5" title=".gallery">.gallery</a></li>
<li class="page_item page-item-7"><a href="http://localhost:8888/wordpress/?page_id=7" title=".powered by">.powered by</a></li>
<li class="page_item page-item-9"><a href="http://localhost:8888/wordpress/?page_id=9" title=".contact">.contact</a></li>
		</ul>
	</div>
</div><div id="main">
	<div id="content">
				<div class="post">
			<h2>
				<a href="http://localhost:8888/wordpress/?p=11" rel="bookmark" title="BLA zu .famous frank">.famous frank</a>
			</h2>
			<div class="date">
				4. Februar 2009			</div>
			<div class="entry">
				<p>Der Name basiert auf einer lustigen Geschichte und ist nicht zu ernst zu nehmen, mehr Hintergrundinformationen dazu sind in der Team Section zu finden. Die von uns angebotene Produktpalette umfasst ausgewechselt. <a href="http://www.deichpirat.de" target="_blank">Hier</a> findest du ein paar Informationen.</p>
			</div>
			<div class="info">
				Geposted in <a href="http://localhost:8888/wordpress/?cat=3" title="Alle Artikel in Kiteboarding ansehen" rel="category">Kiteboarding</a> | <a href="http://localhost:8888/wordpress/?p=11#respond" title="Kommentiere .famous frank">0 Comments</a>			</div>
		</div>
	</div>
				<div class="post">
			<h2>
				<a href="http://localhost:8888/wordpress/?p=1" rel="bookmark" title="BLA zu Hallo Welt!">Hallo Welt!</a>
			</h2>
			<div class="date">
				30. Januar 2009			</div>
			<div class="entry">
				<p>Willkommen zur deutschen Version von WordPress. Dies ist der erste Artikel. Du kannst ihn bearbeiten oder l</p>
			</div>
			<div class="info">
				Geposted in <a href="http://localhost:8888/wordpress/?cat=3" title="Alle Artikel in Kiteboarding ansehen" rel="category">Kiteboarding</a> | <a href="http://localhost:8888/wordpress/?p=1#comments" title="Kommentiere Hallo Welt!">1 Comment</a>			</div>
		</div>
	</div>
			</div>
	<div id="sidebar">
			<h2>
		about this blog
	</h2>
	<div class="sidebarinfo">
		A little something about you, the author. Nothing lengthy, just an overview. Open sidebar.php and change this line.
	</div>




<h2>
	last entries
</h2>
<ul>
	<li><a href='http://localhost:8888/wordpress/?p=11'>.famous frank</a></li><li><a href='http://localhost:8888/wordpress/?p=1'>Hallo Welt!</a></li></ul>


<h2>
	categories
</h2>
<ul>
		<li class="cat-item cat-item-3"><a href="http://localhost:8888/wordpress/?cat=3" title="Alle unter Kiteboarding abgelegten Artikel ansehen">Kiteboarding</a>
</li>
</ul>


<h2>
	archive
</h2>
<ul>
		<li><a href='http://localhost:8888/wordpress/?m=200902' title='Februar 2009'>Februar 2009</a></li>
	<li><a href='http://localhost:8888/wordpress/?m=200901' title='Januar 2009'>Januar 2009</a></li>
</ul>


<h2>
	rss-feeds
</h2>
<ul>
	<li><a href="http://localhost:8888/wordpress/?feed=rss2">RSS 2.0 Entries</a></li>
	<li><a href="http://localhost:8888/wordpress/?feed=comments-rss2">RSS 2.0 Comments</a></li>
</ul>	</div>
	<div class="clear">
	</div>
</div>
<div class="pagenavigation">
	<ul>
		<li>&uarr; <a href="#top">Top</a></li>
		<li>
					</li>
	</ul>
</div>
<div id="footer">
	<div id="left">
		<ul>
			<li>&copy; 2009 Deichpirat.de</li>
			<li><a href="">Impressum</a></li>
			<li>Runs on <a href="http://wordpress.org/">Wordpress 2.7</a></li>
			<li><a href="http://localhost:8888/wordpress/wp-login.php">Anmelden</a></li>
		</ul>
	</div>
	<div id="right">
		<form method="get" id="searchform" action="/wordpress/index.php">
			<input type="text" value="" name="s" id="text" />
			<input type="submit" id="submit" value="Go!" />
		</form>
	</div>
	<div class="clear">
	</div>
</div>

Alles anzeigen

Hoffentlich kann mir jemand helfen!
Gruß

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Blogga

Hier noch die css-Datei...

Code

/*


Informations


*/






* {
margin: 0px;
padding: 0px;
}


body {
background-color: #151515;
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color: #CCCCCC;
}


ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}


.clear {
clear: both;
}


img {
padding: 2px;
border: 1px solid #222222;
}


#header {
width: 900px;
height: auto;
margin: 0px auto;
padding-top: 250px;
background: url(img/header.JPG) center no-repeat;
}


	#header #navigation {
	width: 900px;
	height: auto;
	}
	
		#navigation li {
		font-size: 1.3em;
		letter-spacing: 1px;
		display: inline;
		padding-right: 15px;
		}
		
			#navigation li a:link, #navigation li a:visited, #navigation li a:active, #navigation li a:hover {
			text-decoration: none;
			color: #FF00FF;
			}
			
			#navigation li a:hover {
			padding-top: 10px;
			background-color: #FF00FF;
			color: #151515;
			}
			
#main {
width: 900px;
height: auto;
margin: 0px auto;
margin-top: 80px;
}


	#content {
	width: 550px;
	height: auto;
	margin: 33px 130px 0px 0px;
	float: left;
	text-align: justify;
	}
	
		#content h2 {
		font-size: 3.0em;
		letter-spacing: 1px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #222222;
		}
		
			.post {
			width: auto;
			height: auto;
			margin-bottom: 15px;
			}
		
			#content h2 a:link, #content h2 a:visited, #content h2 a:active, #content h2 a:hover {
			text-decoration: none;
			color: #FF3300;
			}
			
			#content h2 a:hover {
			padding-top: 10px;
			background-color: #FF3300;
			color: #151515;
			}
			
			.date {
			width: auto;
			height: auto;
			margin-bottom: 50px;
			color: #424242;
			}
			
			.entry {
			width: auto;
			height: auto;
			margin-bottom: 10px;
			line-height: 1.8em;
			}
			
				.entry a:link, .entry a:visited, .entry a:active, .entry a:hover {
				text-decoration: none;
				color: #282828;
				}
				
				.entry a:hover {
				padding-top: 5px;
				background-color: #282828;
				color: #151515;
				}
			
			.info {
			width: auto;
			height: auto;
			color: #424242;
			}
			
				.info a:link, .info a:visited, .info a:active, .info a:hover {
				text-decoration: none;
				color: #282828;
				}
		
				.info a:hover {
				padding-top: 5px;
				background-color: #282828;
				color: #151515;
				}
	
	#sidebar {
	width: 220px;
	height: auto;
	float: left;
	text-align: left;
	}
			
		#sidebar h2 {
		font-size: 1.4em;
		letter-spacing: 1px;
		margin-top: 20px;
		margin-bottom: 25px;
		color: #33CC00;
		}
	
		.sidebarinfo {
		width: auto;
		height: auto;
		padding: 4px 8px 4px 8px;
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
		text-align: justify;
		}
		
		#sidebar li {
		padding: 2px 0px 2px 0px;
		border-bottom: 0px dotted #222222;
		}
		
		#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover {
		text-decoration: none;
		color: #282828;
		}


		#sidebar a:hover {
		padding-top: 5px;
		background-color: #282828;
		color: #151515;
		}
	
.pagenavigation {
width: 900px;
height: auto;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 20px;
color: #424242; 
}


	.pagenavigation li {
	padding-right: 25px;
	display: inline;
	}
	
	.pagenavigation a:link, .pagenavigation a:visited, .pagenavigation a:active, .pagenavigation a:hover {
	text-decoration: none;
	color: #282828;
	}


	.pagenavigation a:hover {
	padding-top: 5px;
	background-color: #282828;
	color: #151515;
	}
	
#footer {
width: 900px;
height: auto;
margin: 0px auto;
padding: 20px 10px 20px 10px;
border-top: 1px solid #222222;
color: #424242;
}


	#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	text-decoration: none;
	color: #282828;
	}
	
	#footer a:hover {
	padding-top: 5px;
	background-color: #282828;
	color: #151515;
	}
	
	#footer li {
	padding-right: 15px;
	display: inline;
	}
	
	#left {
	width: 700px;
	height: auto;
	float: left;
	text-align: left;
	}
	
	#right {
	width: 200px;
	height: auto;
	float: left;
	text-align: right;
	}
	
		#text {
		padding: 2px;
		background-color: #181818;
		border: 1px solid #191919;
		}
		
		#submit {
		padding: 2px;
		background-color: #181818;
		border: 1px solid #191919;
		color: #424242;
		}

Alles anzeigen

Blogga

Ich habe jetzt nochmal alles überprüft, aber mir fällt einfach nix ein, woran es liegen könnte. Ich zähl auf euch ;-)

marX

Jag den Code mal durch einen HTML-Validator (w3c, FF-Extension), der spuckt sicher ein paar Fehler aus. Geht hier schon los:

HTML

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">

Zwischen "<!" und "DOCTYPE" darf kein Leerzeichen stehen!

Selbiges gilt fürs CSS:
The W3C CSS Validation Service

Blogga

Also...
Bei style.css ist alles in Ordnung. Wenn ich dann die Markup Validation durchlaufen lasse, findet er 7 Errors und 2 Warnings. Allerdings kann ich mit denen leider nicht so viel anfangen.
Mir wird beispielsweise gesagt, dass </div> an der und der Stelle falsch ist, da kein Div zuvor geöffnet worden ist. Das stimmt aus meiner Sicht aber nicht, denn es ist eines geöffnet worden. Kommt das Programm nicht damit zurecht, dass es ein Wordpress-Theme ist und zusammengesetzt ist oder bin ich so doof? Markup Validation of wordpress.html - W3C Markup Validator.webarchive"]Hier ist der Validationbericht, ich hoffe jemand weiß Rat.

marX

Zitat von Blogga

Mir wird beispielsweise gesagt, dass </div> an der und der Stelle falsch ist, da kein Div zuvor geöffnet worden ist. Das stimmt aus meiner Sicht aber nicht, denn es ist eines geöffnet worden.

Da könnte die Verschachtelung falsch sein, prüf das nochmal genau. Saubere Einrückung kann da helfen.

Zitat

Kommt das Programm nicht damit zurecht, dass es ein Wordpress-Theme ist und zusammengesetzt ist

Wenn du die gerenderte HTML-Seite im Browser validieren lässt, dann ist das egal. Der Validator sieht ja nicht, was für eine Anwendung das HTML erstellt hat. Ist also völlig uninteressant.

Blogga

Zitat von marX

Da könnte die Verschachtelung falsch sein, prüf das nochmal genau. Saubere Einrückung kann da helfen.

Jop, so ist es. Habe mir alles nochmal gefühlte 100x angeguckt und dann ein </div> gefunden, das zu weit eingerückt war. Vielen Dank!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Posts werden nicht untereinander angezeigt

Jetzt mitmachen!