Div rechts vom Haupt-Div für Werbung einfügen

    Hallo,

    eigentlich habe ich ein sehr einfaches Problem, aber ich bekomme es einfach nicht gebacken. Ich benutze das Theme Beautiful Day.

    Grundsätzlich ist das so aufgebaut

    Ich hätte jetzt gerne rechts neben dem div "container" ein weiteres div, in das ich einen Werbe-Skyscraper hängen kann. Der container sollte als mit ein paar pixeln Abstand rechts neben dem großen div "container" platziert werden.

    Ich habe schon versucht, den div "container" in ein weiteres div zu packen und dann das werbe-div daneben zu platzieren, aber das führt immer nur dazu, dass es das ganze Layout zerreisst.

    Am liebsten wäre mir ein einzelnes Div, das relativ zum rechten Rand platziert ist, aber sich bei kleineren Auflösungen nicht über oder unter den eigentlichen Content schiebt.

    Geht sowas?
    Danke schonmal!

    • 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

    Ich würde mal versuchen das ganze, was du jetzt schon hast, noch mal in ein <div> zu packen. Da rein da noch mal einen <div> für die Werbung, diesen z.B. oben rechts in der Ecke ausrichten und mit negativem Margin aus dem Haupt-Div rausschieben

    OK, habe ein neues DIV im Header-Div erstellt mit folgenden Einstellungen

    Code
    left:790px; position:relative;

    Sobald dieser aber mit irgendeinem Inhalt befüllt wird, werden die Buttons in der Navigationsleiste unter dem Header (siehe Template) höher, obwohl ich für das Werbe-Div eine neue ID vergeben habe. Wie kann ich herausfinden, woran das liegt?

    Keine Ahnung, du hast ja keinen Link gepostest. Ich weiß ja nicht wo du das div eingefügt hast... und wie der Rest aussieht.
    Außerdem hat niemand geschrieben, dass du es im header-div einfügen sollst...

    Oh, der Link zum Template oben war wohl fehlerhaft. Hier der richtige:
    Beautiful Day 2.0

    Was spricht dagegen, es im Header-Div einzufügen statt nochmal ein div außenherum zu bauen. Grundsätzlich habe ich damit schon erreicht, dass ich ein div rechts neben dem Layout habe, so wie ich es wollte - nur haben sich damit die Buttons in der Navigation geändert, was ich nicht verstehe, weil ich den Zusammenhang nicht sehe.

    Vielleicht spricht dagegen, dass sich die Buttons der Navigation ändern?
    Dann mach halt selber so weiter wie du meinst...

    Ich musste das übrigens selber heute machen und habe das div wieder rausgeworfen und nur den Link auf das Bild eingebaut, den Rest per CSS
    Der Link steht direkt nach beginn des <body> tags:

    Code
    a.whatever{
   display: block;
   height: 600px;
   width: 120px;
   position: absolute;
   top: 10px;
   left: 1270px;
   z-index: 10;
}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden