• Hallo,

    also ich hab da ein Problem!!!
    Nicht das ich nicht schon viel probiert hätte, aber wenn man sich bei der Seite um die es geht folgendes anschaut:
    http://www.gutis.eu/
    und dann die rechte Linkliste anschaut, so wie es sein soll...
    alles Klasse...

    Aber wenn ich dann links aus der Liste einer der Kategorien aufrufe, dann veschwindet die Liste rechts teilweise sogar komplett...
    Also nun aber WARUM???
    ich bin echt am verzweifeln.
    Ich hab schon eine zweite css extra für die cathegorie.php gebaut, aber nix.

    Sorry ich bin etwas verzweifelt und ich weiß nicht weiter

    Ursprünglich war es übrigens ein zweispaltiges Template, was ich um die rechte Spalte erweitert habe. Das Widget musste schon kompliziert von der Höhe her eingebunden werden.
    Die Höhe ist dabei in dem CSS auf margin -px... sonst wäre das ganz, ganz weit unten verschwunden...

    • 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

  • Denke nicht das es sich um ein css-Problem (Styling) handelt.
    Vielmehr wird das Template für die rechte Sidebar einfach nicht aufgerufen.

    Für die Kategorien verwendest Du die categorie.php und dort muss auch der Aufruf für die Sidebar stehen.
    So etwas in der Art:

    PHP
    <?php get_sidebar(); ?>

    Vergleiche dazu mal das Template für die Startseite (index.php?) mit der categorie.php

  • hallo und willkommen hier im forum :-)

    die rechte sidebar ist da, aber nur die untersten drei links sind sichtbar; wahrscheinlich wegen der grosssen negativen margin, die die position des rechten sidebars immer von der laenge des linken sidebars abhaengig macht.
    erstmal sicherungskopie der bestehenden theme-dateien anlegen.

    versuchs mit diesem style anstelle vom bestehenden style fuer #sidebar-wrapper:



    top und left kannst du noch anpassen.

    ich kann das mit dem firefox web developer add-on nicht ausgiebig testen -

    wenn, dann gibt es evtl probleme mit IE, der ist immer etwas schwierig mit relativen positionen.
    nicht ideal; aber das wird wahrscheinlich nur probleme machen, wenn der rechte sidebar laenger als der linke sidebar und der zentrale inhalt ist; dann ueberlappt das den footer.

    wenn du das mit 'float' loesen willst, musst du wahrscheinlich einen sidebar vor dem zentralen inhalt aufrufen, und den zweiten sidebar nach dem zentralen inhalt.

  • Moin,

    erstmal hast du in der rechten sidebar ein techn. Klops, der allergröbsten Sorte drin: #sidebar-wrapper enthält als direkten Nachfahren einen Listenpunkt ohne das vorher ul steht. Dafür enthält der Listenpunkt eine komplette Liste.
    Irgendwo hast du auch ein div nicht geschlossen.

    Insgesamt ist deine Art der Verschachtelung der Elemente und die entspr. Gestaltung dazu, sehr vorsichtig ausgedrückt ausgesprochen abenteuerlich.

    Der Versuch der #sidebar-wrapper die gewünschte Gestaltung mit einem unglaublichen negat. margin-top aufzuzwingen ist nicht geeignet.
    Beim IE hüpft z.B. die rechte Spalte nach unten.

    Das Ganze mit overflow:hidden; relativer Positionierung und entsprechender Verschiebung in den Griff zu bekommen halte ich leider auch nicht für besonders tauglich.
    Die negativen Folgen von overflow:hidden sind unkalkulierbar vor allem auch in modernen Browser und negative, relative Verschiebungen sind meiner Meinung nach fast nie anzuraten (Sorry alchymyth, ist nicht böse gemeint :smile: ) .

    Überleg doch erstmal was du für eine Struktur hast und wie man die am stabilsten gestaltet:
    Es sind ein #all-wrapper, ein header, drei Spalten und ein Fußbereich (zwei footer brauchst du eigentlich nicht, das reicht eigentlich einer).

    Da #all-wrapper eine feste Breite hat, können die drei Spalten alle in Verbindung mit einer festen Breite floaten und werden anschließend sauber gecleart (entweder hardcodiert oder durch den footer, wenn es geht).
    Auf diese Art bekommst du browserübergreifend ein stabiles Layout, weil die Spalten einen gemeinsamen Block Formatting Context bilden.. ;-)

    Die Vorgehensweise z.B. nur eine Spalte zu floaten und eine andere mit einem entsprechenden Margin daneben zu postieren ist wg. des fehlenden gemeins. Block Form. Cont. nicht so gut geeignet.
    Das Einschließen von Floats durch overflow:hidden; ist zwar verführerisch, weil es so einfach ist, leider sind die dadurch hervorgerufenen Probleme zu vielfältig, um diese Methode empfehlen zu können. ;-)

  • koslowski

    Zitat

    Das Ganze mit overflow:hidden; relativer Positionierung und entsprechender Verschiebung in den Griff zu bekommen halte ich leider auch nicht für besonders tauglich.
    Die negativen Folgen von overflow:hidden sind unkalkulierbar vor allem auch in modernen Browser und negative, relative Verschiebungen sind meiner Meinung nach fast nie anzuraten.


    da hast du total recht - siehe auch meine anmerkung:

    Zitat

    wenn, dann gibt es evtl probleme mit [COLOR=#306582]IE[/COLOR], der ist immer etwas schwierig mit relativen positionen.



    ich werde in zukunft mit ratschlaegen zu diesen positionierungen vorsichtiger sein, zumal ich die auswirkungen nicht voll testen kann.

    ein weiterer schritt zu sauber strukturierten webseiten :lol:

  • koslowski
    ich werde in zukunft mit ratschlaegen zu diesen positionierungen vorsichtiger sein, zumal ich die auswirkungen nicht voll testen kann.

    och, das fand ich aber nicht schlimm. ;-)
    Watt meinste wie oft ich schon einen Schuß aus der Hüfte getätigt habe.
    Manchmal trifft man gut, manchmal ist die Streuwirkung a weng groß.

    Ist normale Härte, denke ich. :-)

Jetzt mitmachen!

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