DIV soll beim einblenden keine anderen Elemente verschieben
Hummel
- css
0 Ernst
Hi,
ich baue grade ein Design für meinen Online Shop. Oben im Header habe ich ein ein nach rechts fließendes Div, wo ein Link Warenkorb link mit Pfeil nach Unten ist.
Unter dem Link habe ich die Suche.
Nun möchte ich wenn man auf den Warenkorb klickt, direkt daruner ein div mit den Warenkorn inhalt anzeigen.
Der Warenkorb Inhalt wird in deinem div mit display:none ausgeblendet. Wenn ich diesen nun einblende (display:block) zeigt er es an und alles andere wie z.B. die Suche verschiebt sich nach unten. Dies soll aber nicht passieren. Das div soll dann im Vordergrund sein und alles andere überlappen.
Wie kann ich so was machen?
Humme
Hallo,
Gib deinem Div die CSS-Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=position:absolute. Dort steht: "Mit absolute oder fixed positionierte Elemente werden aus dem normalen Elementfluss entfernt und haben damit keinen Einfluss auf nachfolgende Elemente."
Gruß, Ernst