Genaues Positionieren eines Plugins im Header neben einem zentrierten Banner

  • Hallo,

    ich habe das GTranslate-Plugin in meinem Header untergebracht.
    Allerdings stört es mich etwas, dass ich es nicht schaffe das GTranslate-Plugin rechts außen auf gleicher Höhe neben dem zentrierten Banner meiner Webseite zu platzieren.

    Kann mir jemand einen Tipp geben, was ich ändern müsste?

    Istzustand:

    Sollzustand:

    Headercode:

    Herzlichen Dank!
    Gruß
    Uwe

    • 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

  • als erstes solltest du darauf achten, das div's die du öffnest auch wieder geschlossen werden

    PHP
    <div align="right"><?php echo do_shortcode('[gtranslate]'); ?>
    <div align="center"><a href="http://ordensmuseum.de" title="F&uuml;r einen Link auf Ihrer Webseite, benutzen Sie bitte dieses Banner."><img src="http://ordensmuseum.de/Orden/wp-content/uploads/2010/10/banbvo1.gif" width="468" height="60" border="0" /></a>


    hier fehlt bei Beiden, nach dem Code das schließende </div>


    aber nun zu deinem Problem

    ersetzte diesen Code mit

    PHP
    <div class='top'><a href="http://ordensmuseum.de" title="F&uuml;r einen Link auf Ihrer Webseite, benutzen Sie bitte dieses Banner."><img src="http://ordensmuseum.de/Orden/wp-content/uploads/2010/10/banbvo1.gif" width="468" height="60" border="0" /></a><span style="float:right;"><?php echo do_shortcode('[gtranslate]'); ?></span></div>


    und füge dies

    Code
    .top {
        text-align: center;
    }


    in die style.css deines Themes

  • Vielen Dank für die prima Hilfe.

    Ich habe den Code entsprechend eingebaut.
    Mein Banner ist jetzt zwar nicht genau in der Mitte der Seite, sondern in der Mitte des freien Platzes der Seitenbreite, abzüglich des Platzes für die Übersetzungsschaltfläche, aber es kommt dem gewünschten Ergebnis schon sehr nahe.

    Ansicht im MSIE9:

    Gibt es noch ein Workaround für die Anzeigeverschiedenheit zum Firefox (15)?
    Dort wird der Banner links und die Übersetzungsschaltfläche rechts angezeigt.

    Ansicht im Firefox15:

    Aber eigentlich sieht es so auch gut aus ...

    Gruß
    Uwe
    ordensmuseum.de

    Einmal editiert, zuletzt von Redeagle (1. September 2012 um 18:52)

  • den Banner kannst du durch padding-left noch weiter nach rechts rücken

    z.B.

    Code
    .top {
        [COLOR="#FF0000"]padding-left: 120px;[/COLOR]
        text-align: center;
    }

    zum Firefox, einfach Cache leeren oder mehrmals neu laden

  • Nochmals vielen Dank.
    Ich habe dies so eingetragen und mit dem Abstand experimentiert.
    Das ging vorzüglich.

    Dann habe ich die Zeile text-align: center; einfach mal entfernt und den Wert beim padding-left entsprechend erhöht.

    Das Ergebnis sieht gleich aus. Kann ich den Codeteil weg lassen oder führt dies ggf. irgendwo zu Problemen?

Jetzt mitmachen!

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