nicht angemeldet
@@franzsen
Ich habe „stretch“ einmal gelöscht
Gelöscht? Man kann Defaultwerte nicht löschen, nur überschreiben.
Ist mir klar. Flex hat eine Standardhöhe die mit dem Inhalt mit wächst oder eine vorgegebene Höhe bekommt, also überschrieben wird.
Komme nicht auf ein gewünschtes Ergebnis.
Lass mal sehen.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title></title>
<style>
nav {
background-color: red;
border: 2px solid;
border-radius: 1em;
}
section {
background-color: aqua;
border: 2px solid;
border-radius: 1em;
}
aside {
background-color: yellow;
border: 2px solid;
border-radius: 1em;
}
#beispiel {
display: -webkit-flex;
display: flex;
align-items: center;
}
#beispiel nav, aside {
-webkit-flex-basis: 20%;
flex-basis: 20%;
}
#beispiel section {
-webkit-flex-basis: 60%;
flex-basis: 60%;
}
section {
min-height: 100px; /*Kein Einfluß wenn Inhalt größer. Alle bekommen trotz undterschiedlichem Inhalts gleiche Größe.*/
}
</style>
</head>
<body>
<div id="beispiel">
<nav>
<ul>
<li>Zeile 1</li>
<li>Zeile 2</li>
<li>Zeile 3</li>
</ul>
</nav>
<section>
<p>Inhalt</p>
<p>Inhalt</p>
<p>Inhalt</p>
<p>Inhalt</p>
</section>
<aside>
Aside
</aside>
</div>
</body>
</html>
--
LG Franz
LG Franz
Auge
Gunnar Bittersmann
Der Martin
Camping_RIDER