Kontakt-Box am linken CONTAINER

Zuerst sollte das Element #box-tipps kein Kindelement von div.extra, sondern von #sidebar sein:

<aside id="sidebar">
    <div class="extra"><!-- ... --></div>
    <div id="box-tipps"><!-- ... --></div>
</aside>

... denn es soll ja oberhalb der Sidebar positioniert sein und nicht über dem Werbblock

Dann sollte es möglichweise schon ausreichen, #box-tipps nicht absolut sondern relativ zu positionieren:

#box-tipps {
    position: relative;
    /* ... */
}

So richtet sich das Element nicht mehr an den den Body aus, sondern an das Elternelement, also die Sidebar. Die Werte für left und top müssen dann ggf. noch angepasst werden.

Zitat von krieger98

Vielen Dank. Ich werde das mal versuchen.

Ich habe es versucht hat leider nicht geklappt. Das Ganze hat sich total verschoben. Kann ich es nicht so versuchen das die Bildschirmgröße abfragt wird und die left Werte entsprechend verändere wie zum Beispiel:
@media (min-width: 1366px) {
#box-tipps {
position: absolute;
top: 320px;
left: 40px;
z-index: 3;
}