[GastForen Web allgemein HTML und CSS / Stylesheets scrollbars anzeigen/erzwingen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

scrollbars anzeigen/erzwingen

FSt
  
Beiträge gesamt: 1961

7. Nov 2005, 16:10
Beitrag # 1 von 3
Bewertung:
(50326 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Leute

Ich möchte bei einer Website die Scrollbars anzeigen, ob nötig oder nicht.
Die Website wird dynamisch erzeugt und ist mit relativen Angaben gebaut. Jetzt springt mir die Website jedesmal in der Breite um die paar Pixel wenn der Content länger als der Bildschirm wird...

Danke für alle Tipps...

Gruss
FSt


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch
X

scrollbars anzeigen/erzwingen

Urs Gamper
  
Beiträge gesamt: 3947

7. Nov 2005, 21:26
Beitrag # 2 von 3
Beitrag ID: #194787
Bewertung:
(50317 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin
Das hat mich auch schon oft geärgert und deshalb hast du mich nun veranlasst, etwas zu googeln ;-)

Dies hier habe ich gefunden:
Möglichkeit 1
Man setzt mit CSS die Höhe der kompletten Seite im body-Tags auf 101 Pronzent
body { height 101%; }

Möglichkeit 2
Die Scrollbars werden immer erzwungen, jedoch wird dann auch die unschöne horizontale Leiste angezeigt.
body { overflow:scroll; }

Möglichkeit 3
Der komplette Inhalt wird in einen unsichtbaren DIV-Container gesetzt, dem dann das Scrollverwalten definiert wird.
body { overflow:hidden; }

Grüessli
Urs


www.gamper-media.ch
www.dynpg.ch


als Antwort auf: [#194714]

scrollbars anzeigen/erzwingen

FSt
  
Beiträge gesamt: 1961

8. Nov 2005, 10:08
Beitrag # 3 von 3
Beitrag ID: #194860
Bewertung:
(50312 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Urs

Danke für Deine rasche Antwort. War schon bei SELFHTML und hatte dazu nichts gefunden. Bei Google findet man in der Regel schon viel - wenn einem die richtigen Suchbegriffe einfallen - (schäm) ;-)

Antwort auf: Möglichkeit 1
Man setzt mit CSS die Höhe der kompletten Seite im body-Tags auf 101 Pronzent
body { height 101%; }

Besser ist:
html { height: 101%; }
da der body ja gerade eben nicht den ganzen Bildschirm füllt.

Varianten dazu:
html { min-height: 100%; margin-bottom: 1px; }
Hier wird nur um 1 Pixel gescrollt. Der User erält so nicht den eindruck er hätte irrgend einen Inhalt nicht gefunden. 1% ist schnell mal über 10 Pixel gross.
Nachteil: Opera 8.50 schafts wieder mal nicht.
html { height: 100%; margin-bottom: 1px; }
Jetzt gehts auch mit dem Opera.

Fazit:
Funktioniert im IE, ff und Opera und ist valid. Scheint die einzige Hilfskrücke zu sein die "alle meine Anforderungen" knapp erfüllt.

Antwort auf: Möglichkeit 2
Die Scrollbars werden immer erzwungen, jedoch wird dann auch die unschöne horizontale Leiste angezeigt.
body { overflow:scroll; }

Auch hier, sollte es auf den html-tag angewendet werden, da sonst die horizontalen Scrollbars plötzlich mitten im Bildschirmfenster erscheinen, also
html { overflow:scroll; }

Variante:
html { overflow: -moz-scrollbars-vertical; }
Jetzt haben ff und moz die scrollbar. NS versteht html-tag nicht und wendet es auf das body-tag an. Opera kann nichts damit anfangen.

Fazit:
Dieser Code ist _NICHT_ valid, erfüllt aber bei den meisten Browsern genau das was ich gesucht habe. Opera liegt zurzeit bei weniger als 2% Marktanteil.

Antwort auf: Möglichkeit 3
Der komplette Inhalt wird in einen unsichtbaren DIV-Container gesetzt, dem dann das Scrollverwalten definiert wird.
body { overflow:hidden; }

Sicherlich ein Weg. Aber nicht immer umsetzbar. Manchmal kann ich bei einem CMS den CSS beeinflussen, kann/darf aber am HTML-Code nichts machen.

Wer noch weitere Varianten oder andere Lösungen kennt. Bitte einfach unten anfügen.
Mals sehen, ob wir hier nicht einen kleinen "Lösungs-Katalog" hinkriegen.

Danke und Gruss
FSt


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#194787]

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
01.03.2021 - 05.03.2021

Persönlichkeitsentwicklung

Online
Montag, 01. März 2021, 00.17 Uhr - Freitag, 05. März 2021, 00.18 Uhr

Webinar

Personal Power Coaching - Um was geht es? ​ Potenzialentfaltung: Potenzial entdecken und entfalten Talente entdecken: Deine Talente und Fähigkeiten erkennen und loslegen Gewohnheiten: schlechte Gewohnheiten durch Positive ersetzen Selbstbewusstsein stärken: Dein Bewusstsein stärken Eigendynamik entwickeln: Mehr Erfolg durch Eigenverantwortung & Disziplin Ängste kontrollieren: Ängste als Antrieb nutzen Entscheidungen treffen: Mit mehr Mut an die Sache ran! Lebensenergie steigern: Deine Lebensenergie steigern und aufrechterhalten Ziele erreichen: Ziele setzen und übertreffen! Motivationssteigerung: Mehr Erfolg durch Selbstmotivation Selbstvertrauen: Selbstvertrauen auf- und ausbauen

Details:
https://www.snfa.ch/swiss-personal-power-birolisik

Ja

Organisator: Birol Isik

Kontaktinformation: Birol Isik, E-Mailinfo AT snfa DOT ch

https://www.snfa.ch/swiss-personal-power-birolisik

Neuste Foreneinträge


Scriptphänomen alle 16 Steps

Alternative Acrobat Pro

Affinity Designer

Objekte in Texten lassen sich nicht mehr mit Maus auswählen, nurnoch als Text mit Cursor

Welches Grafiktablett wofür?

Affinity Publisher 1.9

Optimierung doc2pdf-withPresets.jsx

Layout / Bildauflösung druckfertig anlegen

Affinity Photo

Open CL-Berschleunigung
medienjobs