Problem mit Float und verdrängtem Text im Theme

  • Hallo,

    ich bin gerade dabei, mein altes Theme, das ich auf Grundlage von Kubrick aufgebaut hatte zu erweitern. Am Ende soll es zwei Sidebars geben, einen rechts und einen links. In der Mitte stehen dann die Posts.
    Leider funktioniert das mit den drei Spalten nicht so, wie es soll. Obwohl der linke Sidebar sich an seine width:190px zu halten scheint, drückt er den Text von den Posts in der Mitte irgendwie weg. Der rechte Sidebar verhält sich dagegen so wie er soll.
    Hier der Link zur Site
    Irgendwas ist in dem CSS noch kaputt.
    Der linke Sidebar heißt im Stylsheet "leftbar" und der rechte Sidebar wie im Kubrick-Theme "sidebar". Der eine floatet links, der andere rechts, während der Content quasi dazwischen laufen soll.

    Das Stylesheet findet Ihr hier.

    Wer kann mir weiterhelfen?

    • Anzeige

    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

  • Gegenfrage(n):

    Wozu ziehst du zweimal das Stylesheet an ?
    Soll das Layout links "kleben" ?
    Soll das Layout so breit sein wie der Header oder lieber die definierten #page=1000px ?
    Und was meinst du mit : [COLOR="Gray"]" ... drückt er den Text von den Posts in der Mitte irgendwie weg. ... " ?
    "die rechte Sidebar verhält sich dagegen so wie sie soll.[/COLOR]" ...
    ... keineswegs, die steht irgendwie Abseits.

    Ansonsten als ersten Try'n error Vorschlag:
    Beiden #sidebar's eine Breite geben, dem #content-Container auch und alles (!) links "floaten" lassen, darauf achten das alles innerhalb des #page-Containers rein passt. ( Breite in px )

    "Whoever controls the media, controls the mind." J.Morrison

  • Hallo telekommander,

    erst einmal vielen Dank für Deine Hilfe!

    Zitat

    Wozu ziehst du zweimal das Stylesheet an ?


    Keine Ahnung, was Du damit meinst.

    Zitat

    Soll das Layout links "kleben" ?


    Ich war gerade noch am Ausprobieren. Meinen derzeitigen Blog findest Du hier da klebt das Layout tatsächlich links. Beim Aufsetzen des Blogs wollte ich, dass er sich in die Vorgabe meines geschäftlichen Layouts anpasst. Davon will ich aber weg. Blog ist Blog und Geschäft ist Geschäft. :-)

    Zitat

    Soll das Layout so breit sein wie der Header oder lieber die definierten #page=1000px ?


    Wie gesagt, ich bin gerade am Umstellen. Der Entwurf des Blogs mit drei Spalten geht allerdings auf 1000px. Daher wird das wohl auch später die Breite vom Header sein. :-) Das hätte ich vielleicht auch schon gemacht, wenn mich das Spaltenproblem nicht aufgehalten hätte. :-o

    Zitat

    Und was meinst du mit : [COLOR=Gray]" ... drückt er den Text von den Posts in der Mitte irgendwie weg. ... " ?
    "die rechte Sidebar verhält sich dagegen so wie sie soll.[/COLOR]" ...
    ... keineswegs, die steht irgendwie Abseits.


    Die erste Post wird durch den float des linken Sidebars verdrängt. Der Text steht noch schön da, aber dann wird die Abschlussleiste nach unten verdrängt. Die Posts danach sind aber wieder so dargestellt, wie es sein soll, daher liegt es wohl an dem linken Sidebar.

    Deinen Tipp werde ich gleich einmal ausprobieren, Danke! :-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!