Versatz in Slideout Box

Allgemeine Fragen
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Versatz in Slideout Box

Ungelesener Beitrag von dettec61 »

Hallo Tommy,
danke für das Bereitstellen dieser tollen Lösung:
https://www.mobirise-tutorials.com/Busi ... t-Box.html

Leider habe ich einen Versatz wie im Anhang zu sehen. Ich habe zunächst erst mal deinen Code unverändert benutzt.
Bisher nur über die Vorschau und Lokal getestet.

VG
Detlev
Dateianhänge
Fehler.jpg
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Versatz in Slideout Box

Ungelesener Beitrag von Tommy Herrmann »

Moin,

leider habe ich heute keine Zeit mehr, um mich damit intensiv zu beschäftigen - bitte melde Dich erneut hier, falls Du weitere Hilfe benötigst.

... ich kann mich entsinnen, dass mir das damals auch Probleme bereitet hat, denn es kommt ja darauf an wie groß eben diese vertikale Grafik "Info" im Verhältnis zum Text der Box-Höhe ist. Ist der Text länger, wird die Box größer und passt dann eben nicht mehr. Das muss man dann beides entsprechend in der Größe ganz genau anpassen. Du müsstest diese Höhe also etwas niedriger als meine 184px angeben - also hier die Höhe "height" der ID="slideout_inner" in der der Text steht:
#slideout_inner {
position: fixed;
top: 200px;
left: -250px;
background: #e2e2e2;
width: 250px;
padding: 20px;
height: 184px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
border-top: 2px solid #8d97ad;
border-bottom: 2px solid #8d97ad;
}
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Versatz in Slideout Box

Ungelesener Beitrag von dettec61 »

Danke Tommy,
gewusst wo - hat funktioniert!
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Versatz in Slideout Box

Ungelesener Beitrag von Tommy Herrmann »

Moin,

prima :tu:

Ich habe übrigens noch mehr solcher Boxen als Slideout-Beispiele (hier nur einige) ...

https://www.mobirise-tutorials.com/Busi ... reich.html

... auch auf meine alten NOF-Seiten ...

http://www.nof-tutorials.com/Responsive ... MS/cms.php

http://www.nof-tutorials.com/Responsive-Flyout-CSS/

... man muss dabei aber auch immer das Handy bei responsiven Webseiten wie den von Mobirise im Auge behalten (das war damals bei NOF je nicht unbedingt der Fall), denn sonst überdeckt so ein fixierter Bereich schnell mal zu viel am Handy-Display.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 16 Gäste