CSS Problem, für Profis ein Klacks

[jelem]

Auf die Gefahr hin, mich hier total zu blamieren, aber irgendwie raffe ich es nicht. Mich nervt in meinem Quelltext, dass die Navi, welche ziemlich lang ist, vor dem Text kommt. Ich denke das ist auch der Grund, weshalb Google sich so schwer mit der Indizierung tut, da die ersten ca. 70 Zeilen Code auf jeder Seite gleich sind. Eben die identische Navi und gleicher header.
So sieht die html jetzt aus (alle Texte und Bilder natürlich rausgenommen):

Code: Alles auswählen

<div id="header">
		<div id="header-container">
			<p>text</p>
			<ul>
				<li><a href="http&#58;//www.domain.de">Link1</a></li>
				<li><a href="Http&#58;//www.domain.de">Link2</a></li>
			</ul>
			<br class="clear" />
		</div>
	</div>
	<div id="container">
		<div id="sidebar">
			<p>Text</p>
			<ul>
				<li><a href="http&#58;//www.domain.de">Navi1</a></li>
				<li><a href="http&#58;//www.domain.de">Navi2</a></li>
				<li><a href="http&#58;//www.domain.de">Navi3</a></li>
			</ul>
		</div>
		<div id="content">
			<p>Ganz viel Text hier..</p>
			<div class="articlemenu">
			</div>
	  </div>
	</div>
	<div id="footer">
		<div id="footercontent">
			Text im footer
		</div>
	</div>

Die Navi ("sidebar")hat ganze 26 Links in der Liste. Diese möchte ich nun nach den Content setzen, ohne das sich das Layout ändert.
Die dazugehörige CSS sieht so aus (Auszug):

Code: Alles auswählen

#header {
	background-image:url(../images/backgrounds/oben.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#header-container {
	width:765px;
	margin:0 auto;
	padding:0px 0 0 0;
}

#container {
	width:765px;
	margin:0 auto;
}

#sidebar {
	float:left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	line-height:20px;
	border-bottom:1px solid #eee;
}

#content {
	margin:0 0 0 220px;
	border-left:1px solid #eee;
}

#footer   {
	color: #999;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	margin: 50px 0;
	padding: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

Für einen CSS/Html-Profi sicher ein Klacks. Also wie muss ich die html und css verändern, damit im Quelltext die Navi ( id="sidebar") hinter dem content (id="content") steht.
Hab schon einiges versucht und bei anderen Sites das gleiche auch hinbekommen. Vielleicht liegts am float....

[e-fee]

Öhm, das gibbet verschiedene Herangehensweisen, sehe ich auch in Templates, die ich umstricke, schon mal unterschiedlich, da gibt's auch Ansätze mit negativem margin. Bei 3 Spalten isses noch mal komplizierter, oder je nachdem, ob es eine fixe Breite gibt, sich Elemente in der Breite anpassen ...

In Deinem Fall dürfte jedoch folgender Ansatz am einfachsten zum Ziel führen: Den Content im Quelltext vor die Navigation setzen und float:right nehmen. Dabei darauf achten, dass das Menü die volle Höhe einnimmt.

[jelem]

Hi e-fee,

in der .html die "sidebar" nach "contend" einfügen is schon klar und auch schon passiert.
In der CSS hab ich jetzt bei der "sidebar":

Code: Alles auswählen

#sidebar {
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	line-height:20px;
	border-bottom:1px solid #eee;
}

und bei "content":

Code: Alles auswählen

#content {
	float:right;
	margin:0 0 0 220px;
	border-left:1px solid #eee;
}

Jetzt ist die Navi zwar weiterhin links, aber fängt erst unterhalb des content-blocks an. Das sollte eigentlich aber die gleiche Höhe sein.
Muss ich nun noch irgendeine Positionsangabe für die "sidebar" angeben?
Hm, werd mal weiter "rumfummeln". Wenn jemandem noch was einfällt, nur zu

[catcat]

Öh...
hast Du schon mal einen magento-shop gesehen?
Da sind ca. 1000 Zeilen code vor dem eigentlichen Content.
Und trotzdem werden die Seiten indexiert.

Das, was Du willst, fällt bei mir in die Rubrik "Schönheitreparaturen, die ich mache, wenn mir echt langweilig ist und der letzte Popel aus der Nase gepopelt ist"

[jelem]

Ick weiß Catcat,

ich konnte mir aber anders keinen Reim draus machen.
Das ist ein Lexikon und liegt in einem extra ordner.
Jede dieser Seiten wird von mindestens zwei Seiten verlinkt, einmal die generelle sitemap.html und dann noch in der Lexikon-Übersicht. Beides direkt von der Startseite aus erreichbar. Die einzelnen Beiträge haben 100 bis 300 Wörter Content und kommen seit 3 Monaten nicht in den Index
Trotz ein paar SB-links direkt auf den Beitrag.
Da sind die Content-Klauer ja schneller!
Da das nur bei diesem Lexikon in diesem Ordner der Fall ist, und nur dort die Navi so lang ist, war das hier der Griff zum Strohhalm...
.......ick popel noch´n bischen

[Network]

Hier gibt ein paar ein paar Grundgerüst Beispiele

https://blog.html.it/layoutgala/

[jelem]

Danke für den Link Network. Geh da mal alles durch.
Hab´s ja soweit schon hinbekommen. Nur "klebt" der Footer am "content" und wenn der kürzer ist als die "sidebar" liegt diese über dem "footer"

Aber Catcat meint ja es bringt eh nischt

[Alda]

Aber Catcat meint ja es bringt eh nischt

Nicht nur catcat. Dass die Seiten nicht in den Index kommen, muss einen anderen Grund haben meist sind es mehrere.

WENN das überhaupt einen Einfluss hat, dann ist er so klein, dass ich ihn bis jetzt nicht feststellen konnte. Ich muss aber zugeben, mit meinen paar Sites ist die Vergleichsbasis auch nicht sehr groß.

[jelem]

muss einen anderen Grund haben

Nur welchen?
Hab schon in der robots.txt nachgeshen, ob da was "reingerutscht" ist?
Zu viele Links im Verhältnis zum Text?
Ick wees et nisch