Beiträge von GtrAngus

Hi Leute,

ich bin dabei meine Website etwas umzubauen und möchte den Parallax Effekt nicht mehr auf der kompletten Seitenbreite. Stattdessen wird der Effekt in einem Div-Element mit bestimmter Breite begrenzt (div id="allmain"). Soweit so gut. Allerdings habe ich auch noch ein Seitenmenu das sich in die Seite hineinbewegt und dabei alle anderen Elemente verschiebt, mit Ausnahme des parallax-windows. Alle Elemente die verschoben werden, sind in das div "scroller" eingebettet, also auch das allmain. Versuche mit

position: relative

oder

z-index: 100

sind fehlgeschlagen und ich habe keinen Plan mehr wo ich noch ansetzen könnte. Hat jemand eine Idee oder einen Tipp für mich? Die Website ist www.web-berger.de .

Danke im Voraus!
GtrAngus
Ich habe meine Navigation komplett umgebaut, gefällt mir so eh viel besser und das Problem mit dem sich nicht verschiebenden Parallax-Effekt gibt es so auch nicht mehr

Danke an alle fürs Durchlesen!

GtrAngus

Ok, danke

Heureka! Es hat funktioniert! Vielen vielen Dank dafür! Was hat es mit diesem vh von min-height: 100vh; auf sich? Das habe ich so noch nie gesehen.

Evtl. sieht es bei euch anders aus, dass kann schon sein. Mich stört eben dieser helle Rand unten, der meine Meinung nach davon kommt, dass das Seitenmenü nur bis zum Ende Content wrapped.

Das dies nur mit Hilfe von JS lösbar sein würde, habe ich schon fast befürchtet

Huhu
Ich glaube nicht das der z-index daran Schuld ist, da vom Skript her der gesamte Content der Seite innerhalb des menu-divs zusammengefasst ist. Aber ich probiere es mal aus

[Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/unbenannt1yt90zufwdc.jpg]

Hi Leute,

ich hab auf meiner HP eine SliderMenu eingebaut, dass sich von links ins Bild schiebt. Sieht soweit auch gut aus (zumindestens bei mir, die Seite ist noch in der Beta-Phase), allerdings habe ich z.B. bei der Seite Kontakt festgestellt, dass das Menu sich nur um die Höhe der gegebenen Elemente wrapped. Sprich, wenn die Kontaktseite kürzer als 100% Bildschirmhöhe ist (bei meinem Display mit 1920x1080 Px), fällt die Höhe des Menus auch kleiner aus, was etwas uncool aussieht Da ein Bild mehr als 1000 Worte sagt, schaut doch am besten mal selber: www.web-berger.de/kontakt

Jetzt wäre meine Idee gewesen, ich setze im CSS beim .mp-menu ein

height = 100%;
min-height = 100%;

aber das ändert leider gar nichts. Als nächstes wäre meine Idee gewesen, ein div zu erstellen, dass mit

bottom = 0;
height = 1px;
width = 100%;
opacity = 0;

einmal quer über den Bildschirm geht, aber nicht sichtbar ist und immer unten klebt. Sobbald man dann aber das Menu öffnet, wird das div (ich habs mal eingefärbt gehabt) bis ans nächste Element nach oben geschoben Also an das margin-bottom vom Kontaktfeld (.kontaktformular).

Was mir eventuell helfen würde, wäre ein div-Element das eine min-height hat, die ( 100% - height(.kontaktformular) ) hat. Aber wie erstellt man sowas in CSS? Oder hat jemand noch eine andere, bessere Idee?

Gruß, GtrAngus

Danke für die Antwort!

Aber mich würde auch interessieren, was denn genau passiert ist

Tach Leute,

ich musste heute feststellen, dass alle meine Beiträge gelöscht und auch mein Account nicht mehr vorhanden ist! Dann ist mir aufgefallen, dass alle Beiträge aller User aus dem Juli fehlen. Ich hoffe an dem Problem wird fleißig gearbeitet? Wäre ja sonst sehr ärgerlich.

Gruß, GtrAngus