• News
  • Ratgeber
  • Vergleiche
  • Tests
  • Business & IT
Kurze Auszeit?
Entdecken Sie 
Jetzt spielen!
  • Home
  • Bildergalerie
  • Webtechnik: 5 Tipps vom Profi

Galerie

Webtechnik: 5 Tipps vom Profi - Verschiedene Browser: Nur eine Zeile CSS-Syntax verbessert die Anzeige.

4.10.2011 von Daniela Schrank

image.jpg
© PCMagazin

Verschiedene Browser: Nur eine Zeile CSS-Syntax verbessert die Anzeige.

Tipp 1: Scrollbar-Platzhalter forcieren

Dieser Tipp zeigt ihn, wie Sie permanente Scrollbars erzwingen. Weitaus eleganter sind jedoch erzwungene Platzhalter für Scrollbars, falls eine Webseite auch mal komplett in das Browser-Fenster passt. So bleibt das Layout konsistent.

Scrollbars sind notwendig, je nach Länge des Inhalts einer Website. Es kann also sein, dass insbesondere bei großen Monitoren und einem weit aufgezogenem Browser-Fenster, sinnvollerweise keine Scrollbars sichtbar sind. Wird nun eine weitere Seite innerhalb der selben Homepage aufgerufen, bei der die Scrollbars aus Platzgründen wieder sichtbar sein müssen, hüpft gleichsam das gesamte Layout genau um die Breite der Scrollbar nach links oder wird etwas zusammen geschoben.

Der Internet Explorer oberhalb der Version 8 verfolgt von Haus aus die Strategie, solche Layout-Verschiebungen zu vermeiden: Er blendet für so einen Fall immer automatisch einen dezenten Platzhalter für die Scrollbar ein - Firefox und der IE 8 aber nicht. Mit einer einfachen einzeiligen CSS-Anweisung schaffen Sie Abhilfe.

Die elegante Methode nutzt die Syntax html { overflow-y: scroll; }, weniger empfehlenswert ist die Methode: html { height: 101%; }. Denn die schlechtere Methode setzt die Höhe der Website auf über 100 Prozent. Dadurch ist immer ein Scrollbalken sichtbar, auch wenn er, wie im Bildbeispiel des Internet Explorers, gar keinen Sinn macht.

Weiter zur Startseite  

Die neue Ausgabe

PC Magazin Super Premium 08/2022

Die neue Ausgabe ist da

Ausgabe 08/2022 jetzt online bestellen

!Windows XXL, 10 Tipps gegen Download-Fallen, Internet-Zensur, Mobilfunk Discounter 2022 u.v.m.

Zum Kiosk in Ihrer Nähe

MyKiosk: So finden Sie einen Kiosk in Ihrer Nähe, der Ihr Lieblings-Magazin führt

Service

Haben Sie das neue PC Magazin schon?

!MyKiosk: So finden Sie einen Kiosk in Ihrer Nähe, der Ihr Lieblings-Magazin führt

Aktuelle Gutscheine

Gutscheine

Eneba – Rabattcode für Spiele, PSN etc.

Gutscheine

Galaxus – Smartphones, Haushalt, u.v.m.

Gutscheine

Lieferando - Lieferservice mit Rabatt

Gutscheine

Aktuelle Rabattcodes, Coupons, Angebote

Lohnt es sich?

Amazon BlitzangeboteAktion Overlay

Hardware, Software und mehr

Amazon-Angebote: Denon AVR-X1700H, Arlo Pro 4 2K, Nanoleaf…

!Die aktuellen Highlights der Amazon-Angebote sind heute: Denon AVR-X1700H, Arlo Pro 4 2K, Nanoleaf und mehr.

Jobsuche

Jobbörse: Die richtige Stelle finden

IT-Jobbörse

Finden Sie Ihren Traumjob mit Business & IT

!Jobbörse: Die richtige Stelle finden

Jobs von PC-Magazin.de

IT-Bereich

Jobs als Netzwerk- und Systemadministrator

Software-Entwicklung

Jobs als Webentwickler oder Web-Developer

Projekte und Produktmanagement

Jobs als IT-Projektmanager

Tests & Kaufberatung

Tintentank-Drucker

Canon Maxify GX5050 im Test
88,0%

Notebook unter 1000 Euro

Asus Vivobook 13 Slate OLED im Test
72,0%

Teppich- und Polsterreiniger

Tineco Carpet One im Test: Smarte Teppichreinigung

Korb oder Krönung?

Corsair TC200 im Test: Das neue Modell

Immer aktuell informiert

Brief

Jetzt bestellen!

Kostenlose Newsletter

!Newsletter

Anzeige

Zum Seitenanfang
  • News
  • Ratgeber
    • Windows
    • Sicherheit
    • Online
    • Hardware
    • Software
    • Office
    • Heimkino
    • Fotografie
    • Heimvernetzung
    • Alle Ratgeber
  • Vergleiche
    • PC
    • Heimkino
    • Fotografie
    • Alle Vergleiche
  • Tests
    • Hardware
    • Software
    • Netzwerk
    • Heimkino
    • Kameras & Zubehör
    • Heimvernetzung
    • Bestenlisten
    • Alle Tests
  • Business & IT
    • IT-Praxis
    • IT-Hardware
    • IT-Software
    • Alle B2B-Themen
  • Downloads
    • Top-Downloads
    • Neuzugänge & Updates
    • Alle Downloads
  • Specials
    • IFA
    • Cebit
    • Themenseiten
    • Games
    • Kachel Chaos Spiel
    • Solitaire
    • Solitär Classic
    • Gewinnspiele
    • Archiv
    • Händlerkarte
  • Service
    • Abo-Shop
    • Kontakt
    • Newsletter
    • Jobbörse
    • Bildergalerien
    • Gutscheine
    • TV-Bestenliste
  • Abos
  • Newsletter
  • RSS
  • Archiv
  • Datenschutz
  • Mediadaten
  • Kontakt
  • Impressum
© 2022 WEKA MEDIA PUBLISHING GmbH. Alle Rechte vorbehalten.