CSS wie postiton div außerhalb der Haupt-container, ohne es in Bewegung über die container auf den Fenster-neu-Größe?

Ich habe eine sharebox(div, Website-links) , habe ich mit mit einer festen position außerhalb des Haupt-container. Ich erkannte, dass, wenn ich die Größe des browser-Fensters durch ziehen der Grenze ist es bewirkt, dass mein sharebox div zu bewegen über die Oberseite des Behälters.

Sah ich durch ähnliche Beiträge hier, aber glaube nicht, dass Sie für diese also sorry, wenn ich verpasst es irgendwo.

Hier ist ein Beispiel für das problem: http://metrotechpc.net/test/positionedbox.html

Gibt es eine Möglichkeit, am besten mit reinem css(kein javascript), um die div-bleiben Sie Weg von den container auf browser-Fenster-Größe so dass der Benutzer scrollen, um zu sehen?

Ich habe versucht, es zu geben padding, margin, verschiedene Positionen(absolute und fixed).

Bin ich eigentlich einfügen dieser code in der oben auf der Seite mit genisis_hook-Funktion auf einer wordpress-Seite, so dass ein Problem sein kann, aber immer in html-Grundkenntnisse, wie das Beispiel-link wäre eine große Hilfe.

Dank

InformationsquelleAutor ian | 2011-07-09

  1. 1

    Gibt es ein paar Probleme mit dem CSS:

    1. Es ist ein Schreibfehler, der in der Regel für #container: postition: relative; statt position: relative;

    2. Sollten Sie die sharebox div innerhalb des div-container.

    3. Hinzufügen position: absolute auf die sharebox div CSS und geben Sie dann right: 70px zu machen, starten Sie von der rechten Grenze.

    Schließlich ist ein weiterer Tippfehler in der sharebox CSS: margin: left:20px; statt margin-left: 20px

    vielen Dank für den Hinweis auf meinen Tippfehler Gabriele,
    Sorry über diese. Ich war Rauschen, um ein Beispiel. Fixierung der position der typo auf dem container komischerweise verursacht die sharebox sich unter container anstatt über Sie, was besser ist. Aber was ich versuche zu tun ist es, das außerhalb des Behälters. Nicht legt es in den Behälter stellen Sie position auf der Grundlage der Grenzen von dem container? Ich möchte die position, die Sie auf der Grundlage der Grenzen des browser-Fensters, so wird es bleiben Sie Weg von den Inhalten.
    OK Gabriele, ich denke, dass ich es herausgefunden. Ich legte die sharebox im inneren des Behälters, wie Sie sagte, und dann habe ich Recht:0px position es am Rand des Containers, und dann verwendet, negative Marge zu schieben, das außerhalb des Behälters und jetzt bleibt es aus, wenn das Fenster in der Größe geändert wird, wie es sein sollte. Fühlen Sie sich frei, zu lassen mich wissen, wenn dies ist eine schlechte Praxis. Dank so viel.
    Sie können auch rechts: -70px die aussieht wie eine bessere Lösung (sollte schieben Sie es aus dem Behälter vollständig)
    Hoppla ich habe gerade festgestellt, das hält es aus bleiben mit vertikalen scrollen, das Teil der Grund für die Positionierung, basierend auf dem Fenster, anstatt die container. So, es bleibt an Ort und Stelle, während der content scrollt. Ich weiß, es ist ein javascript für diese wurde aber versucht zu vermeiden, mit javascript. Ich denke, ich bin gehen zu müssen, verwenden Sie ein Skript-version und eine noscript version, es sei denn, es ist ein Weg, in css. Die top-position muss auf der Grundlage des Fenster, also bleibt 100px vom oberen Rand des Fensters, wenn der rest der content scrollt.

    InformationsquelleAutor Gabriele Cirulli

Schreibe einen Kommentar