Beiträge von dos

    Alternativ könntest du es mit position: sticky; versuchen... https://www.w3schools.com/howto/howto_css_sticky_element.asp. Das funktioniert allerdings nicht im InternetExplorerer!


    Hi, danke für die Hilfe, sticky ist für meine Zwecke denke ich genau das richtige, macht Zumindest dann, das was es soll.


    Allerdings habe ich jetzt um head rundherum ca 2 - 4 px abstand zu den rändern bzw dem unteren Objekt, setze ich das ganze von Sticky auf fixed, dann verschwindet der Abstand.. auch ein margin 0 bringt da keine änderung, ist das eine Eigenschaft von Sticky?

    Moin Moin, ich hoffe mir kann hier einer auf die Sprünge helfen, ich tue mich immer noch sehr schwer mit der Positionierung.


    .head { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 100; background-image: url('img/nav-bg.png'); background-repeat: repeat-y; background-repeat: repeat-x; }

    .sec1 { max-width: 980px; position: relative; padding: 20px border-radius: 4px 4px 4px 4px; box-shadow: 10px 10px; background-color: #F8F8F8; padding: 1%; border: 6px solid #006600; margin: auto; }

    <div class="head"><img class="logo" src="img/logo.png"/></div>

    <div class="sec1"><img class="cimg" src="img/goesken_style_massanfertigung.jpg"/></div>

    Mein Problem ist jetzt, dass die div Box head oben positioniert bleibt, aber sich die div box sec1 nicht dadrunter einordnet sondern scheinbar an der selben stelle anfängt wie die head box?


    Wie bekomme ich dass denn nun hin, dass die Box direkt darunter kommt?


    Gruß DOS