startseitekatalogpraxiswerkzeugeressourcenmagazingrammiweb

(Stand: 04.03.25, Adresse: http://www.grammiweb.de/html/html095.shtml)

 

Inhalte ausblenden

Sie wollen Inhalte ausblenden bzw. verstecken? Informationen, die nur unter bestimmten Umständen angezeigt werden sollen, verbergen? Dann bietet Ihnen CSS eine praktische Lösung.

CSS bringt zwei Ansätze mit, Inhalte aus dem sichtbaren Bereich zu verbannen:

Von der Grundidee her bieten beide Anweisungen das gleiche Ergebnis: Der damit aufgerufene Inhalt wird nicht angezeigt. Der Unterschied liegt in der Umsetzung dieses Wunsches:

display: none blendet den Inhalt aus und reserviert keinen Anzeigeplatz dafür. Es geht also kein Platz verloren, jedoch steigt die Berechenbarkeit des Endergebnisses nicht unbedingt.

visibility: hidden; zeigt ebenfalls den damit deklarierten Inhalt nicht an, reserviert hierfür jedoch Platz in der Anzeige. So wird denn für einen Text nur dessen Äquivalent an Leerraum gezeigt, was das Layout schnell nachhaltig stören kann.

Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]