Mobirise / Text-Box mit css
Verfasst: So 18. Apr 2021, 13:26
Hallo forum, ich arbeite gern mit den Texbox-Varianten aus den Tutorials - durchsichtige Texboxen über einem Vollbild.
Etwa so >>>
#mybox {
background: rgba(229, 229, 229, 0.7);
border-radius: 20px;
border: 2px solid #ffffff;
box-shadow: 15px 15px 15px 0px #000000;
padding: 60px;
margin-top: 20px;
margin-left: 800px;
margin-right: 60px;
Durch die Beschaffenheit einiger Fotos hätte ich die Box gerne in der Desktop-Ansicht auf der rechten Seite
Etwa so >>>
Genau diese Variante wird auf Tablet und Smartphones im Portrait nicht mehr responsive angezeigt, der Text bleibt
unsichtbar.
War das Einfügen von margin-left/margin-right der Auslöser?
Wenn ich das weglasse, wird die Textbox zu breit und auf dem Smartphone viel zu schmal.
Wo liegt mein Denkfehler? Ich bedanke mich im Voraus für Vorschläge!
Etwa so >>>
#mybox {
background: rgba(229, 229, 229, 0.7);
border-radius: 20px;
border: 2px solid #ffffff;
box-shadow: 15px 15px 15px 0px #000000;
padding: 60px;
margin-top: 20px;
margin-left: 800px;
margin-right: 60px;
Durch die Beschaffenheit einiger Fotos hätte ich die Box gerne in der Desktop-Ansicht auf der rechten Seite
Etwa so >>>
Genau diese Variante wird auf Tablet und Smartphones im Portrait nicht mehr responsive angezeigt, der Text bleibt
unsichtbar.
War das Einfügen von margin-left/margin-right der Auslöser?
Wenn ich das weglasse, wird die Textbox zu breit und auf dem Smartphone viel zu schmal.
Wo liegt mein Denkfehler? Ich bedanke mich im Voraus für Vorschläge!