Zweite Sidebar links einfügen HILFE!!!!

Zitat von cester

Schritt 1:
In der index.php habe ich eine neue Funktion angelegt:

PHP

<?php include (TEMPLATEPATH . "/sidebar1.php"); ?>

So weit, so gut.

Zitat

Schritt 2:
Nun habe ich eine Kopie der sidebar.php erstellt und diese in sidebar1.php umbenannt und in der Datei "[COLOR="Red"]...div-class=sidebar1..[/COLOR]" geschrieben.

Ich vermute das heißt

<div class="sidebar1">

Zitat

Schritt 3:
In der css-Datei den Part #sidebar kopiert und einen neuen Part mit #sidebar1 erstellt.

Mit "#" greifst du auf IDs zu, mit "." auf Klassennamen.

Ein Link wäre nett.

Als erstes solltest du mal dein HTML aufräumen:
[Invalid] Markup Validation of http://www.party-rocker.de/ralf-klingler.de/ - W3C Markup Validator
Das macht ein überarbeiten meist deutlich einfacher.

Dann ist dein CSS ziemlich widersprüchlich. Elemente werden gefloatet und gleichzeitig positioniert. Aber okay.
Beim Floaten musst du beachten, dass das zu floatende Element vor dem herumfließenden Inhalt stehen muss. Eine rechts floatende Sidebar ohne folgende Inhalte, die dann links vorbei fließen ist reichlich sinnfrei. Du musst in diesem Fall also die #sidebar1 im HTML-Quellcode vor dem Content ausgeben.

Alternativ kannst du auch mit Positionierung arbeiten. Der Content wird dann in der Mitte platziert, die Sidebars jeweils rechts und links davon. Wichtig dabei ist, dass auch der umschließende Container (#inner) positioniert sein muss (was bei dir ja der Fall ist).

Rot: raus. Grün: rein.

#content {[COLOR="Blue"]style.css (line 218)[/COLOR]    


[COLOR="#ff0000"]float:left;[/COLOR]
[COLOR="green"]left:240px;[/COLOR]
position:relative;
width:280px;
}

#sidebar {[COLOR="#0000ff"]style.css (line 362)[/COLOR]  


[COLOR="Red"]float:right;[/COLOR]
[COLOR="Green"]left:580px;[/COLOR]
position:[COLOR="#008000"]absolute[/COLOR];
[COLOR="#008000"]top:300px;[/COLOR]
width:220px;
}

#sidebarl {[COLOR="Blue"]style.css (line 427)[/COLOR]  


[COLOR="Red"]float:left;[/COLOR]
position:[COLOR="Green"]absolute[/COLOR];
[COLOR="Green"]left:0;
top:300px;[/COLOR]
width:220px;
}

Ein Hinweis noch: So kriegst du dann Probleme, wenn die Sidebars länger sind als der Content in der Mitte, da die Sidebars nicht mehr dieGröße des umliegenden Containers beeinflussen!

Der ganz prinzipielle Aufbau eiens 3spaltigen Themes:
SELFHTML: Stylesheets / CSS-basierte Layouts / Mehrspaltige Layouts

Änderungen am CSS alleine reichen hier nicht. Da es kein float:both gibt muss eine Sidebar vor dem #content stehen.

Ansonsten kannst du auch mit min-height arbeiten und dem #inner-Container eine feste minimale Höhe geben, die der Höhe der längsten Sidebar entspricht.

Auch auf die Gefahr hin, das ich mich wiederhole - räum erstmal dein HTML auf:
[Invalid] Markup Validation of http://wengerundpartner.de/go-event/ - W3C Markup Validator

Vorher brauchen wir gar nicht anfangen. ;-)

Achso, und 1 Sidebar muss im Code immer vor dem Content stehen, sonst klappts mit float alleine nicht.

Sieht doch schon besser aus. Bau doch mal alles so ein, wie ich dir das bereits bei deinem letzten Theme geschrieben hatte, dann dürfrtest du schon 2 Schritte weiter sein.

(Ich hab z.Z. keinen Bedarf an Aufträgen, wenn du das vergeben willst, dann schreibs am besten ins Jobbörse-Unterforum. ;-))

Vermutlich weil die single.php ein anderes Template ist. (Du kannst theoretisch für alle Templates die index.php als "Standardtemplate" verwenden, vgl. Template Hierarchie)