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
Versatz in Slideout Box
- Tommy Herrmann
- Site Admin
- Beiträge: 5744
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Versatz in Slideout Box
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:
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;
}
- Tommy Herrmann
- Site Admin
- Beiträge: 5744
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Versatz in Slideout Box
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.
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.
Wer ist online?
Mitglieder in diesem Forum: Ahrefs [Bot] und 17 Gäste