Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Layout strecken...

Empfohlene Antworten

Veröffentlicht

Morgen zusammen!

Habe ein Seiten-Layout, welches sich auch bei nicht ausreichendem Inhalt ans untere Ende des Browser fensters strecken soll...wie bekomme ich das hin? Gibt es da ein CSS-Attribut zu?

Danke im voraus!

Den Quelltext zu haben wäre schon hilfreich, aber generell ist ist height:100%

aber generell ist ist height:100%

Generell gibt es kein height: 100%! Einzig der IE unterstützt dies, und auch ab der 6er Version nur im Quirksmodus.

Grund: HTML beschreibt das Dokument. Eine Anzeige, die die volle Fensterhöhe annehmen soll, müsste sich aber am Viewport (dem Ausgabebereich des Clients) orientieren. Da der Client nix mit dem Dokument zu tun hat (aus HTML sicht), gibt es kein standardkonformes HTML mit height: 100%.

Ausnahme: height: 100% als Bezug auf die Parentbox im CSS Boxmodell. Bringt aber nichts für die Fensterhöhe.

Workarounds wie


# CSS

html { height: 100%; }

body { height: 100%; }

...

sehen auf den ersten Blick wie eine Lösung aus. Sobald die Fenstergröße aber geändert oder gescrollt wird, ändert sich das sehr schnell ;)

Lösung: kleines Javascript das die Fensterhöhe an ein "oberstes" Div-Layer, bzw. mehrere Div-Layer übergibt.

Benutze sowas jetzt eine weile und habe mit keinem aktuellen Browser probleme.

Wiedermal ein Beispiel :) HTML ist bei weitem noch nicht perfekt.

Wiedermal ein Beispiel :) HTML ist bei weitem noch nicht perfekt.

Kommt auf deine Sichtweise an ;) HTML ist nicht dafür gemacht, etwas im Browser anzuzeigen, sondern der Browser dafür, HTML anzuzeigen :D

aber HTML ist ursprünglich entwickelt worden, damit die Darstellung "einheitlich" funktioniert. Wenn sich HTML nicht mehr um die darstellung schert, kommt sowas zu stande wie das jetzt ^^

das wäre so als ob die Angabe 100px nicht erlaubt wäre, weil CSS/HTML ja nix damit zu tun hat, ob das darstellungs-dings in Pixel eingeteilt ist ^^

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.