Mobile Ansicht - Spalten inkl. Inhalt werden versetzt angezeigt

11.01.2019 16:27

Crimejoker
#1

Cr

Hallo zusammen,

ich wünsche Euch erstmal ein Frohes Neues Jahr.

Ich bin neu hier im Forum und habe mit Jimdo mir meine allererste Website gezaubert. (Somit noch sehr unerfahren im Websiten erstellen)
Nach dem Abschluss aller Arbeiten musste ich feststellen, dass ich mich zu spät mit dem Thema "mobile first" auseinandergesetzt habe.
Nun zeigt sich die Rechnung meines Fehlers in der mobilen Ansicht.
Die Website sieht am Computer genau so aus, wie ich es möchte - bei der mobilen Ansicht ist jedoch alles nicht mehr ganz so wie es sein sollte.

- Speziell bei erstellten Spalten mit dem eingefügten Inhalt, werden diese Inhalte auf der mobilen Ansicht untereinander angeführt, anstatt nebeneinander.
- Bei diversen "Titelzeilen" besteht das Problem auch.

Denke es ist in der Praxis am einfachsten zu sehen: https://www.stratisprojects.com/

Verwendet habe ich die Vorlage "ROME".
An HTML / CSS habe ich bisher noch nichts eingetragen bzw. dran gearbeitet.
Die Website wurde am 08.01.2018 veröffentlicht und in den letzten Tagen hatte ich auch schon ca. 800 Visitors wobei ca. 48% die mobile Ansicht genutzt haben...
(Es schmerzt persönlich zu sehen, dass 48% keine ordentliche Ansicht erhalten haben, aufgrund meines Fehlers...)

Meine Frage wäre nun, ist es möglich eine benutzerfreundliche mobile Ansicht daraus zu machen? Falls ja, könnte ich dies umsetzen? Und Wie am besten?

Ich bin sehr dankbar für eine Lösung.

Beste Grüße
Crimejoker

Antworten

Beitrag melden

#2

11.01.2019 19:11

az_
#2

az_

Hallo und Willkommen!

...das Problem entsteht durch Deine Tabellen:

1
 
<table align="" width="950"> ... </table>

...eine feste Breite von 950px ist eben leider nicht responsive.

Du kannst das umgehen, indem Du statt 950px z.B. 90% schreibst. Dann musst du nur noch den margin-left anpassen: margin-left="((calc 100vw - 90%) / 2)" müsste passen, glaub ich. Ich arbeite aber nicht oft mit Tabellen und schon gar nicht mit inline CSS, das ist mir zu unflexibel. Statt dessen nehme ich lieber Spalten und weise denen die Eigenschaften wie Hintergundfarbe etc. per CSS zu.

Ich hoffe, das hilft dir,
LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

15.01.2019 18:39

Crimejoker
#3

Cr

Crimejoker

Spitzeeee! Vielen lieben Dank.

Dies hilft mir schon sehr weiter. Teilweise hab ich es schon getestet und es klappt wunderbar. :)

Ich werde mit diesen Tipps etwas herumexperimentieren und hoffe sobald als möglich eine gute Mobile Ansicht zu haben.

Besten Dank. =)