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.

css: div container mit x% höhe

Empfohlene Antworten

Servus,

gibt es eine Möglichkeit einem div-Container, unabhängig von seinem Inhalt, z.B. 50% der Seitenhöhe zu zuweisen?


div.container

{

   border: 1px solid;

   height: 50%;

}

so gehts leider nicht. (Firefox)

TinTin

sorry, das problem lag wo anders!

ciao TinTin

Na toll, jetzt wollte ich grade die Lösung posten! :mod:

vielleicht sollte man die Lösung dennoch posten, damit zukünftig, die Forumuser, die gerade Hilfe brauchen, es nachschlagen können ...

ich hasse dieses "HAT SICH ERLEDIGT (PUNKT)" !

Hey! Wer wird denn hier gleich rumschreien. Das kann man auch normal fragen.

Ich würde es so machen: http://www.tobias-digital.de/stuff/test/hoehe.htm

Der Trick ist, dem Vaterelement des divs (also body) die Eigenschaft "width: 100%" mitzuteilen:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<title>test</title>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

		<style type="text/css">

    body {

      height: 100%;

    }

		div {

      position: absolute;

      height: 50%;

      overflow: auto;

		}

		</style>

	</head>

	<body>

		<div>

			<h1>Lorem Ipsum Dolor</h1>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<h2>Lorem Ipsum Dolor</h2>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<h2>Lorem Ipsum Dolor</h2>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

			<p>Sed sollicitudin velit eu magna. Sed sollicitudin velit eu magna.</p>

		</div>

	</body>

</html>

Gruß, Tobias

Der Trick ist, dem Vaterelement des divs (also body) die Eigenschaft "width: 100%" mitzuteilen:

kurzer einwand, es muss heissen :

Der Trick ist, dem Vaterelement des divs (also body) die Eigenschaft "height: 100%" mitzuteilen

aber im QC isses ja dann richtig

zum kompletten verständnis hier eine website mit erklärung

vielleicht sollte man die Lösung dennoch posten, damit zukünftig, die Forumuser, die gerade Hilfe brauchen, es nachschlagen können ...

ich hasse dieses "HAT SICH ERLEDIGT (PUNKT)" !

Was Schreist du so, ich habe keine Lösung gefunden. Ich hab doch geschrieben

das das Problem nicht im css lag. Es war meine Blödheid, ich hab die falsche

datei geändert, ok.

@Tobi

dennoch danke für deine Hilfe

Ciao TinTin

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Konto

Navigation

Suchen

Suchen

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.