Anordnung eines 4. Widget im Footer

    Hallo,
    ich habe mir das Theme Eleven meinen Vorstellungen entsprechend angepasst und mir auch bereits ein viertes Widget für den Footerbereich angelegt. Ich möchte dieses nun, wie in der Skizze dargestellt, anordnen. Leider stehe ich hierbei auf dem Schlauch und bekomme das vierte Widget einfach nicht an den rechten Rand, also direkt neben die anderen drei!

    Die URL der Seite: http://www.harzteufel.de/wptest

    Hat jemand eine Idee, wie ich dies am Einfachsten umsetze? Vielen Dank!

    • Gerade eben
    • 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

    Danke für den Link, aber ich verwende doch keine Tabellen für die Gestaltung, sondern HTML und CSS... Daher hilft mir der Link nicht weiter. ...oder stehe ich auch hier auf dem Schlauch! :???:

    Danke, ich habe es jetzt soweit hinbekommen! Allerdings habe ich jetzt einen viiiel zu großen Abstand zwischen den Widgets im Footer und dem darunterliegenden "site-generator"-DIV.

    Hat jemand ne Ahnung, wie ich diesen wegbekomme und mir vielleicht kurz erklären, wie dieser entstanden ist!?!? (Will ja dazu lernen 8-))

    ich denke ich weiss woran das liegt:

    im dokumentenfluss wird der reihe nach die widgets 1,2,3 und dann vier aufgerufen -> allerdings willst du das 4te widget an dritter stelle haben (rechts neben 1 und 2). aber wie schon gesagt wird das widget nummer 4 auch als 4tes aufgerufen und nicht als drittes. um es einfach zu halten habe ich in der vorigen antwort mit dem obigen code das 4te widget einfach relativ zu seiner eigentlichen position platziert (in diesem fall nach oben verschoben). nun ist es aber so, das hatte ich nicht bedacht, dass die eigentliche position (vom dokumentenfluss her) frei gehalten wird und das nachfolgende div erst danach dargestellt wird.

    lösung: das 4te widget als drittes aufrufen und dieses nur nach rechts float-en. die css attribute "position" und "top" können dann auch rausfliegen.

    lg, pixselig

    ps: (an alle experten ;) und weil ich im forum schonmal darauf aufmerksam gemacht wurde) float und position: relative zusammen funktioniert wunderbar und bringt auch gewisse vorteile mit sich (es muss kein right: XXpx; verwendet werden und dadurch sind variable (responsive) websiten einfacher umzusetzen).

    Wow, super! Das passt jetzt richtig gut... DANKE! :D
    Aber warum wird der Inhalt vom vierten Widget vertikal zentriert angezeit und nicht links oben, wie bei den anderen? Versteh ich nicht... :(

    Ich glaube, ich konnte es diesmal selbst lösen... Das vierte Widget (rechts) hat vermutlich den Inhalt vom dritten Widget nach unten gedrückt, so dass es so schien, als wäre der Inhalt vertikal zentriert. Hab es jetzt so gelöst, dass ich dem vierten Widget ein position: relative; verpasst habe und dann den Inhalt über

    Code
    position: absolute;
top: 0;
left: 0;

    an die richtige Stelle bekommen habe.

    Falls jemand eine elegantere Lösung hat... immer her damit! :wink:

    hatte es mir gerade angeschaut und ja, deine vermutung ist richtig (liegt wieder am dokumentenfluss und wurde von mir wieder übersehen.

    schön, dass du es so hinbekommen hast!

    alternativ könntest du die drei linken widgets in ein eigenes div packen. und das nunmehrig dritte (rechte) wieder als viertes aufrufen.

    lg, pixselig

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden