Mobirise-Tutorials.com

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

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;
}

Danke Tommy,
gewusst wo - hat funktioniert!

Moin,

prima

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.