überflüssiger Scrollbalken im Opera

[Stefan Einspender]

Hallo,

wenn man http://xse.de/ im Opera aufruft, dann erscheint je nach
Breite des Browserfensters ein horizontaler Scrollbalken, was so-
weit auch selbstverständlich ist.
Wenn die Breite des Browserfensters ca. 750 Pixel beträgt, wird er
nicht mehr angezeigt, wenn jedoch die Breite weiter zunimmt (also
z.Bsp. 1.000 Pixel), dann ist er wieder vorhanden, obwohl gar kein
Grund dafür erkennbar ist.

Woran liegt dieses Verhalten, wie kann man es abstellen?

Es tritt reproduzierbar mit Opera 5.11 und versch. OS auf.

MfG, Stefan
--
Opera - the fastest browser on earth! - http://www.opera.com/

[Thomas J.]

Hallo,

'n Abend

Wenn die Breite des Browserfensters ca. 750 Pixel beträgt, wird er
nicht mehr angezeigt, wenn jedoch die Breite weiter zunimmt (also
z.Bsp. 1.000 Pixel), dann ist er wieder vorhanden, obwohl gar kein
Grund dafür erkennbar ist.

Das kann ich nicht nachvollziehen, da bei mir die Scrollbalken überhaupt nicht verschwinden.
Im Gegenteil, wenn ich das Fenster auf ca. 720 Pixel oder weniger verkleinere, ist zwar der Scrollbalken da, aber trotzdem fehlen mir links ca. 30 Pixel - d.h. die linke Spalte wird nicht vollständig angezeigt.
Sieht irgendwie nach margin-left:-30 px aus.

Was mir sonst noch aufgefallen ist:
1. Ohne einen Blick in den Quelltext wäre mir der Sinn der Checkbox
   ganz oben völlig verborgen geblieben.
2. Die Zeile "### xse.de - Stefan´s privates Linkverzeichnis im World
   Wide Web ###" ist kaum lesbar, da schwarz auf dunkelblau.

Thomas J.
mit Opera 5.02

[Stefan Einspender]

Hallo Thomas,

Im Gegenteil, wenn ich das Fenster auf ca. 720 Pixel oder weniger verkleinere, ist zwar der Scrollbalken da, aber trotzdem fehlen mir links ca. 30 Pixel - d.h. die linke Spalte wird nicht vollständig angezeigt.

ach du Schreck, was passiert den da? Wenn ich das Fenster weiter
verkleinere, verschwinden nach und nach alle Inhalte, Katastrophe!
Danke für den sachdienlichen Hinweis, dieses Verhalten werde ich
genauestens untersuchen.

1. Ohne einen Blick in den Quelltext wäre mir der Sinn der Checkbox
      ganz oben völlig verborgen geblieben.

Ja, so lustig Rumrätseln ist ´ne feine Sache, bei meiner privaten
Linkliste lasse ich den unkundigen Besuchern gern diesen Spaß.
Die Links sind ja auch unkommentiert, also bleibt die Checkbox
auch "nackt" ...
title='Alle Links in neuen Fenstern öffnen' steht aber da ... :)

2. Die Zeile "### xse.de - Stefan´s privates Linkverzeichnis im World
      Wide Web ###" ist kaum lesbar, da schwarz auf dunkelblau.

ups, bei mir ist es grau auf dunkelblau ... eigenartig. Wird eben-
falls nochmal mit aller Sorgfalt kontrolliert.

Danke für die Infos, weitere Hinweise werden gern entgegengenommen,
insbesondere wg. dieser ominösen Scrollbalkengeschichte.

MfG, Stefan
--
Schleichwerbung bis zur endgültigen Klärung des Vorfalls gestoppt.

[Thomas J.]

Gähn!

ach du Schreck, was passiert den da? Wenn ich das Fenster weiter
verkleinere, verschwinden nach und nach alle Inhalte, Katastrophe!
Danke für den sachdienlichen Hinweis, dieses Verhalten werde ich
genauestens untersuchen.

Ich schicke morgen (bzw. heute Nachmittag) mal einen Screenshot auf die Reise.

Ja, so lustig Rumrätseln ist ´ne feine Sache, bei meiner privaten
Linkliste lasse ich den unkundigen Besuchern gern diesen Spaß.
Die Links sind ja auch unkommentiert, also bleibt die Checkbox
auch "nackt" ...
title='Alle Links in neuen Fenstern öffnen' steht aber da ... :)

Ah ja, nur konnte ich den title nicht sehen.

ups, bei mir ist es grau auf dunkelblau ... eigenartig. Wird eben-
falls nochmal mit aller Sorgfalt kontrolliert.

Also die Fußzeile ist bei mir auch grau auf dunkelblau, aber die Kopfzeile eben nicht (Screenshot folgt ...)

Thomas J.,
der jetzt unverzüglich sein Feldbett aufsuchen wird

[Bernhard Peissl]

Hallo Stefan,

wenn man http://xse.de/ im Opera aufruft, dann erscheint je nach
Breite des Browserfensters ein horizontaler Scrollbalken, was so-
weit auch selbstverständlich ist.
Wenn die Breite des Browserfensters ca. 750 Pixel beträgt, wird er
nicht mehr angezeigt, wenn jedoch die Breite weiter zunimmt (also
z.Bsp. 1.000 Pixel), dann ist er wieder vorhanden, obwohl gar kein
Grund dafür erkennbar ist.

Woran liegt dieses Verhalten, wie kann man es abstellen?

schalt mal das margin:auto aus, aber frag mich nicht wieso das nicht funktioniert ;-)

Es tritt reproduzierbar mit Opera 5.11 und versch. OS auf.

jop, hab auch Opera 5.11.

lg bernhard

[Stefan Einspender]

Hallo Bernhard,

schalt mal das margin:auto aus, aber frag mich nicht wieso das nicht funktioniert ;-)

stimmt tatsächlich, nur wie soll man da einen Workaround basteln?
*grübel*

Das eigentliche Problem ist, den Inhalt im Opera zu zentrieren, was
ja theoretisch mit margin:auto problemlos funktioniert ...

Wer gern helfen möchte:
view-source:http://xse.de/
view-source:http://xse.de/1KB.css

MfG, Stefan

[Cyx23]

Hallo Stefan,

zunächst mal die Frage, weil ja Standard einerseits und
Crossbrwoserfähigkeit andererseits hier immer wieder ein Thema ist,
warum die Seite offenbar wenig Netscape 4.7 berücksichtigt.
(soll die Form der Styleeinbindung Netscape absichtlich ohne styles
lassen ?)

Dann, der Scrollbalken mit Opera, ich hab's jetzt nicht genau wiedergefunden,
aber ich hatte auch eine ähnliche Situation, könnte das gleiche Problem
gewesen sein, und es gibt bei Netscape, IE auch vergleichbare Effekte.
So wird bei Netscape beim Seitenaufbau oft unnötig Platz reserviert,
bei IE und Opera werden manchmal eher einzelnen Teilen der Seite falsche
Grössen verpasst.
Mit margin=0 und einer festen Angabe für width, notfalls auch für den
body, kann man u.U. das verantwortliche Element der Seite
finden (und hat auch ein grobes workaround).
(soweit ich mich erinnere waren Angaben wie overflow= oder clip
für Opera nicht nötig)
Bei Opera ist noch zusätzlich bei Framesets zu beachten dass Opera
den Platz eigenwillig verteilt und z.B. frames mit "*" Grösse
unnötig gross darstellt, und zugleich feste Angaben ignoriert.

Grüsse

Cyx23

[Stefan Einspender]

Hallo Cyx23,

warum die Seite offenbar wenig Netscape 4.7 berücksichtigt.
(soll die Form der Styleeinbindung Netscape absichtlich ohne styles
lassen ?)

ja, genau so ist es gewollt. Ich bin mir bewußt, dass diese Variante
nur selten praktikabel ist, allerdings wird man so ein Vorgehen bei
zunehmender Verbreitung von aktuelleren Browsern öfter antreffen.

So wird bei Netscape beim Seitenaufbau oft unnötig Platz reserviert,
bei IE und Opera werden manchmal eher einzelnen Teilen der Seite falsche
Grössen verpasst.

Hilft mir so jetzt nicht weiter, gesamte Layout der Seite wird per
CSS festgelegt und davon versteht Opera scheinbar margin:auto;
nicht korrekt.

Bei Opera ist noch zusätzlich bei Framesets zu beachten dass Opera
den Platz eigenwillig verteilt und z.B. frames mit "*" Grösse
unnötig gross darstellt, und zugleich feste Angaben ignoriert.

Frames verwende ich mit Sicherheit nicht (mehr), zuviele Nachteile,
zuwenig Vorteile.

MfG, Stefan

[Cyx23]

Hallo Stefan,

ja, genau so ist es gewollt. Ich bin mir bewußt, dass diese Variante
nur selten praktikabel ist, allerdings wird man so ein Vorgehen bei
zunehmender Verbreitung von aktuelleren Browsern öfter antreffen.

ich gehe nach meinen Erfahrungen von mehr als 25% Netscape 4.x usern
aus, 3er unter 1%, noscript unter 1%.
Zur Zeit steht der N4, als "nicht IE", ohne (bekannte, breite) Alternative
da.
Es ist ja nicht nur dass Du die N4x user draussen lässt, welches
Interesse hast Du damit faktisch den IE zu promoten und dadurch
z.B. Opera indirekt zu schwächen ?

Aber vielleicht kriegst Du bei dem Seitenkonzept wirklich
Probleme mit Netscape, da der oft bei vielen Elementen auf
einer Seite, z.B. vielen <p>'s auf eine Seite, buggy ist;
und in ein paar Monaten stimmt's vielleicht so.

Hilft mir so jetzt nicht weiter, gesamte Layout der Seite wird per
CSS festgelegt und davon versteht Opera scheinbar margin:auto;
nicht korrekt.

( s. crossposting bzgl. JavaScript-workaround)

Frames verwende ich mit Sicherheit nicht (mehr), zuviele Nachteile,
zuwenig Vorteile.

siehst Du eigentlich auch bei <iframe> solche Nachteile ?

Grüsse

Cyx23

[Stefan Einspender]

Hallo nochmal,

ich gehe nach meinen Erfahrungen von mehr als 25% Netscape 4.x usern
aus, 3er unter 1%, noscript unter 1%.

Der Konqueror ist derzeit auf xse.de öfter vertreten als NC4.x ...

Zur Zeit steht der N4, als "nicht IE", ohne (bekannte, breite) Alternative
da.

Da stimme ich Dir zu, ist leider so. Deshalb werde ich in Zukunft
auch öfter mal Opera "promoten". NC4.x (und derzeit auch NC6.x)
will ich niemand zumuten, Mozilla ist noch im Betastatus und an-
sonsten steht unter Windows kein weiterer Browser zur Verfügung.

Es ist ja nicht nur dass Du die N4x user draussen lässt, welches
Interesse hast Du damit faktisch den IE zu promoten und dadurch
z.B. Opera indirekt zu schwächen ?

Diese Website wird vorwiegend von mir und einigen Freunden besucht,
d.h. ich kann mir den Luxus leisten NC4.x keine optisch einwand-
freie Version anzubieten.
Draussen lasse ich die NC4.x Leute übrigens nicht, genauso nicht
wie die Lynx-User usw., nur mit Amaya und bei zu schmaler Anzeige-
fläche sieht es mitunter etwas eigenartig aus.
Die Informationen (in diesem Fall die Links) kann jeder ungehindert
nutzen.

Aber vielleicht kriegst Du bei dem Seitenkonzept wirklich
Probleme mit Netscape, da der oft bei vielen Elementen auf
einer Seite, z.B. vielen <p>'s auf eine Seite, buggy ist;

Das Hauptproblem sind die verschachtelten DIV´s, daran scheitert
NC4.x katastrophal, die notwendigen Workarouns betrachte ich in
diesem speziellen Fall als Zeitverschwendung.
Wichtiger war mir, auf der Seite keine einzige Tabelle zu ver-
wenden sowie Struktur (HTML) und Layout (CSS) klar zu trennen.

( s. crossposting bzgl. JavaScript-workaround)

Werde ich mir anschauen und je nach Aufwand umsetzen. Sollte es zu-
viel von der Zeit erfordern, die ich im Moment nicht habe, dann be-
lasse ich es zunächst bei der jetztigen Variante.
Danke aber auf jeden Fall für Deine Unterstützung.

siehst Du eigentlich auch bei <iframe> solche Nachteile ?

Um mir da ein Urteil zu bilden, habe ich bisher zu wenig Beispiele
gesehen, wo iframes eingesetzt wurden. Und die Verwendung zur Ein-
bindung von Werbebannern kann es ja nun wirklich nicht gewesen sein.

Wenn Du einige gute Beispiele kennst, wo Iframes verwendet werden,
so poste mal die URL´s, schaue ich mir gern an.

Spontan würde ich sage, dass ich Iframes prinzipiell positiver
gegenüberstehe als herkömmlichen Frames.

MfG, Stefan

[Dominic Lencer]

Hallo!

Ich bin mir nicht sicher, ob es Dir hilft, aber auf der Seite
http://www.einfach-fuer-alle.de/ findest du auf der Unterseite http://www.einfach-fuer-alle.de/seite03_2333.html ganz unten Links zu einigen Demoseiten, die reine CSS-Layouts vorstellen. Vielleicht ist da etwas dabei, was du brauchen kannst.

Außerdem habe ich das Problem mit überflüssigen Scrolleisten noch in einem anderen Zusammenhang erlebt: Laße ich mit PHP eine Seite generieren, die ebenfalls rein über CSS formatiert wird und intensiven Gebrauch von DIVs und float-Angaben macht, erhalte ich ebenfalls die störende Bildlaufleiste. Schalte ich das CSS dann aus und sofort wieder an, ist das Problem beseitigt.

(soll die Form der Styleeinbindung Netscape absichtlich ohne styles
lassen ?)

Darf ich fragen, wie genau die Styles vor Netscape 4.X versteckt werden? (Lösung ohne JS oder serverseitige Abfragen?)

ja, genau so ist es gewollt. Ich bin mir bewußt, dass diese Variante
nur selten praktikabel ist, allerdings wird man so ein Vorgehen bei
zunehmender Verbreitung von aktuelleren Browsern öfter antreffen.

Denke ich auch, und ist letztlich auch zu begrüßen - so merkt auch der letzte, daß er veraltete Software einsetzt, es muß nur der Inhalt unbedingt noch zugänglich sein!

Schöne Grüße
Dominic

[Stefan Einspender]

Hallo Dominic,

Ich bin mir nicht sicher, ob es Dir hilft, aber auf der Seite
http://www.einfach-fuer-alle.de/ findest du auf der Unterseite http://www.einfach-fuer-alle.de/seite03_2333.html ganz unten Links zu einigen Demoseiten, die reine CSS-Layouts vorstellen. Vielleicht ist da etwas dabei, was du brauchen kannst.

schön, werde ich mir mal alle genau anschauen. Ich bin derzeit eh
auf der Suche nach Websites, die ähnlich meiner aufgebaut sind und
hoffe, irgendwo einen Workaround für Opera zu finden, der ohne
JavaScript auskommt. Ich habe standardmäßig JS deaktiviert und
da wäre so eine Lösung sehr viel besser, zumal es meine eigene
Linkliste ist ;)

Darf ich fragen, wie genau die Styles vor Netscape 4.X versteckt werden? (Lösung ohne JS oder serverseitige Abfragen?)

Siehe Quelltext von http://xse.de/, Netscape 4.x scheitert an dem
Import der CSS-Datei:
<style type="text/css">
<!--
@import "1KB.css";
-->
</style>
kennt er nicht = macht er nix.
Es gibt noch versch. andere Angaben, diese schien mir die beste.

Denke ich auch, und ist letztlich auch zu begrüßen - so merkt auch der letzte, daß er veraltete Software einsetzt, es muß nur der Inhalt unbedingt noch zugänglich sein!

<wunschtraum>
Morgen früh wachen wir auf (oder Mittag, für Studenten *g*) und im
WWW sind plötzlich nur noch Seiten zu finden, die W3C geprüft sind,
1a in gängigen Browsern arbeiten und deren Inhalte allen Besuchern
älterer Software auch zur Vefügung stehen.
Opera, Mozilla, Konqueror usw. erfüllen alle relevanten Standards
einwandfrei (auch DOM usw.), somit hat jeder die Möglichkeit den
Browser zu wechseln und kann dann ein maximal fehlerfreies Web
in vollen Zügen geniessen. Auch Sprachbrowser werden gebaut, die
Qualität der Websites lässt deren Einsatz ohne Probleme zu ...
</wunschtraum>

An der Verwirklichung dieser Idee arbeite ich gern mit, xse.de war
ein Anfang meinem Weg :)

MfG, Stefan

[Cyx23]

Hallo Stefan,

hoffe, irgendwo einen Workaround für Opera zu finden, der ohne
JavaScript auskommt. Ich habe standardmäßig JS deaktiviert und

zumutbar wäre m.E. eine Lösung bei der es ohne JS schon
gut ausschaut, mit JS eben etwas besser.

Ich habe noch eine CSS Variante mit drei Ansätzen, die macht aber so
noch Probleme beim Ändern der Fenstergrösse, und ich hab's nur unter
Opera 5.11 kurz getestet:

body{width:99%;overflow:hidden;clip:rect(0 99% 99% 0);}

Grüsse

Cyx23

[Cyx23]

Hallo nochmal,

ich hab mir das nochmal genauer angeschaut, und es ist wohl
wirklich so dass der Browser mit margin=auto nachträglich
das Elemenet schiebt und damit mehr Platz braucht.

Gibt es in allen Varianten bei IE und Netscape, und meine Lösung
für ein recht präzises Layout bestand zuerst in spezifischen css-dateien
für die jeweiligen Browser, dann habe ich aber den verfügbaren Platz
per JavaScript berechnet und diesen entspr. aufgeteilt, also
margin-angaben ersetzt.

window.innerWidth,body.clientWidth,screen.availWidth,offsetWidth
usw., die Breiten der div#s abziehen, rest durch 2, funtkioniert sauber
und ist m.E. in dem Fall besser als  mit Tabellen zu arbeiten.
Je nach Fall bietet es sich an mit Positionen oder mit padding
zu arbeiten, in Deinem Fall würde ich nur padding-left: verwenden.
Also nachträglich per Script nochmals mit document.write('<style
eine korrigierende Styleangabe einfügen, dann klappt's sogar mit
noscript fast genauso gut.

Grüsse

Cyx23