Forum: www.mikrocontroller.net Feature-Request: Rechtes Menü bei schmalen Bildschirmen nicht verschwinden lassen


von Bernd K. (prof7bit)


Lesenswert?

Ich würde mir gerne wünschen daß das rechte Menü welches bei schmalen 
Bildschirmen (mittels wahrscheinlich JavaScript) einfach ersatzlos 
verschwindet stattdessen nach unten oder oben oder irgendwohin rutscht 
wo man es immer noch erreichen kann, das würde die Seite auf 
Mobilgeräten nutzbarer machen.

2. Wie wärs das überhaupt nicht mit JavaScript sondern fachgerecht mit 
CSS zu machen, das würde es auch ermöglichen die Seite auf Browsern wie 
OperaMini zu nutzen die die Webseite auf dem Server rendern, wo euer 
JavaScript-Umformatierung-On-The-Fly-Voodoo nicht wie erwartet wirkt. 
Wenn ihr stattdessen für Mobilgeräte ein CSS ausliefert das für 
Mobilgeräte mit kleinem Bildschirm besser geeignet ist ausliefert dann 
stellt sich das Problem gar nicht erst.

von npn (Gast)


Lesenswert?

Ich weiß nicht, ob es dir hilft, aber versuche doch mal, die CTRL-Taste 
festzuhalten und dann am Mausrad zu drehen. Das sollte die rechte Seite 
wieder zum Vorschein bringen. Geht natürlich nicht bei mobilen Geräten 
(PAD oder Smartphone), aber bei PCs sollte das funktionieren.

Die Anregung, für mobile Geräte (oder auch generell) mit CSS zu 
arbeiten, finde ich aber gut. Wird nur vermutlich nicht ganz so einfach 
umzusetzen sein, weil dann ja die Forensoftware grundsätzlich neu 
geschrieben werden müßte. Sind ja nicht nur kosmetische Änderungen, 
sondern das würde die ganze Funktionsweise der Forensoftware betreffen. 
Und ob Andreas das auf sich nehmen will oder kann, das kann letztlich 
nur er entscheiden :-)

von Bernd K. (prof7bit)


Lesenswert?

npn schrieb:
> Wird nur vermutlich nicht ganz so einfach
> umzusetzen sein, weil dann ja die Forensoftware grundsätzlich neu
> geschrieben werden müßte. Sind ja nicht nur kosmetische Änderungen,
> sondern das würde die ganze Funktionsweise der Forensoftware betreffen.

Würd ich nicht unbedingt sagen. Mit CSS kann man eine Webseite schon 
gewaltig umkrempeln, Elemente komplett anders anordnen, etc, also da 
könnte man schon einiges bewirken ohne das HTML oder gar die Funktion 
der Seite in irgendeiner Weise ändern zu müssen. Es ist ja momentan 
nicht die Funktion der Seite die es auf OperaMini erschwert, es ist 
allein das Problem mit Anordnung der Elemente, Schriftgrößen und 
Zeilenumbruch. Wenn das mobilgerechter wäre (und das ginge locker mit 
CSS allein) dann wäre schon viel gewonnen.

von tdsm (Gast)


Angehängte Dateien:

Lesenswert?

1
/* right sidebar position fixed */
2
  #sidebar-right {
3
    display: table-cell !important;
4
    position: fixed !important;
5
    top: 80%; !important;
6
    left: 0px; !important;
7
  }

Damit klebt es immer in der linken unteren Ecke des Browserfensters. 
Allerdings habe ich es nicht am Mobilgerät getestet. Weder JS noch die 
Werbeflächen sind bei mir aktiv.

von Mark B. (markbrandis)


Lesenswert?

npn schrieb:
> Die Anregung, für mobile Geräte (oder auch generell) mit CSS zu
> arbeiten, finde ich aber gut. Wird nur vermutlich nicht ganz so einfach
> umzusetzen sein, weil dann ja die Forensoftware grundsätzlich neu
> geschrieben werden müßte.

Ich denke nicht dass die Änderung so gravierend wäre. Cascading Style 
Sheets sind ja gerade eben dazu da, um den Inhalt eines Dokuments und 
seine Darstellung am Bildschirm voneinander zu entkoppeln.

von npn (Gast)


Lesenswert?

Mark Brandis schrieb:
> Ich denke nicht dass die Änderung so gravierend wäre. Cascading Style
> Sheets sind ja gerade eben dazu da, um den Inhalt eines Dokuments und
> seine Darstellung am Bildschirm voneinander zu entkoppeln.

Ich kenne den Aufbau der Forensoftware nicht. Wenn es schon eine 
entsprechende Trennung von Form und Inhalt gibt, dann ist es in der Tat 
nicht so kompliziert. Aber es gibt ja auch Software, die die gesamte 
Erzeugung der HTML-Ausgabe komplett softwaremäßig macht, wo es kein 
"Grundgerüst" gibt, was dann durch die Software nur noch mit Inhalt 
gefüllt wird.
Aber wenn es möglich ist, fände ich die Umstellung auf CSS auf jeden 
Fall eine gute Idee.

von Andreas S. (andreas) (Admin) Benutzerseite


Lesenswert?

Bernd K. schrieb:
> Ich würde mir gerne wünschen daß das rechte Menü welches bei schmalen
> Bildschirmen (mittels wahrscheinlich JavaScript) einfach ersatzlos
> verschwindet stattdessen nach unten oder oben oder irgendwohin rutscht
> wo man es immer noch erreichen kann

Das Menü verschwindet, weil alle Links auch unter den Beiträgen nochmal 
zu finden sind (mit Ausnahme von "Beobachtete Threads" und "Threads mit 
meinen Beiträgen" - ja, die könnte man da noch mit aufnehmen).

> 2. Wie wärs das überhaupt nicht mit JavaScript [...] machen,

Wie kommst du darauf, dass das so wäre?
1
@media screen and (min-width: 1250px) {
2
  #sidebar-right {
3
    display: table-cell;
4
  }
5
}

> Wenn ihr stattdessen für Mobilgeräte ein CSS ausliefert das für
> Mobilgeräte mit kleinem Bildschirm besser geeignet ist ausliefert dann
> stellt sich das Problem gar nicht erst.

Welches Problem genau (Screenshot)?

npn schrieb:
> Die Anregung, für mobile Geräte (oder auch generell) mit CSS zu
> arbeiten, finde ich aber gut

Ist doch schon längst so:
1
/* smartphone landscape, phablet */
2
@media only screen and (max-width: 700px) {
3
...
4
}
5
/* smartphone portrait */
6
@media only screen and (max-width : 480px) {
7
...
8
}

: Bearbeitet durch Admin
von Bernd K. (prof7bit)


Angehängte Dateien:

Lesenswert?

Andreas Schwarz schrieb:

> (mit Ausnahme von "Beobachtete Threads" und "Threads mit
> meinen Beiträgen" - ja, die könnte man da noch mit aufnehmen).

Ja bitte das wäre sehr nett denn das sind von allen Links ausgerechnet 
die 2 wichtigsten. Sonst besteht keinerlei Möglichkeit vom Handy auf der 
Couch liegend  mal eben nachzuschauen ob jemand auf einen meiner Threads 
geantwortet hat, ich muss seitenweise blättern bis ich mit etwas Glück 
auf Seite 8 dann einen Thread wiederfinde. Die usability leidet 
gewaltig.

>> 2. Wie wärs das überhaupt nicht mit JavaScript [...] machen,
>
> Wie kommst du darauf, dass das so wäre?
> @media screen and (min-width: 1250px) {
>   #sidebar-right {
>     display: table-cell;
>   }
> }

Ich hab instinktiv vermutet (nicht nachgesehen muss ich zu meiner 
Schande gestehen) daß es nur mit Javascript möglich ist beim Verkleinern 
des Bildschirms ein Element von jetzt auf nachher auszuschalten.

>
>> Wenn ihr stattdessen für Mobilgeräte ein CSS ausliefert das für
>> Mobilgeräte mit kleinem Bildschirm besser geeignet ist ausliefert dann
>> stellt sich das Problem gar nicht erst.
>
> Welches Problem genau (Screenshot)?

Sorry, es ist Opera im "Offroad-Modus", nicht Opera-Mini. Das Prinzip 
des Offroad-Modus ist so ähnlich wie bei Opera-Mini, er 
rendert/komprimiert/whatever Teile der Seite auf einem zentralen 
Opera-Server und sendet nur das Ergebnis dieser Behandlung zum 
Mobilgerät (um Traffic zu sparten).

Eigentlich geht damit jede Seite im www vollkommen problemlos, nur 
seltsamerweise diese hier nicht.

Anbei ein Screenshot

: Bearbeitet durch User
Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.