javaAnfänger3
Grünschnabel
Hallo,
kann mir einer erklären, was mit dieser Aussage gemeint ist?
Ich verstehe enfach nicht, was gemeint ist.
Selbst mit Code verstehe ich nicht die Aussage.
"Wenn man padding-top in Prozent angibt, dann bezieht sich diese Prozentangabe nicht etwa auf die Höhe der Seite, sondern auf die Breite. D.h. mit padding-top in Prozent haben wir plötzlich etwas, das eine Höhe erzeugt.
Diese Höhe aber in Abhängigkeit von der Breite erzeugt. => Wir haben eine skalierbare Höhe."
kann mir einer erklären, was mit dieser Aussage gemeint ist?
Ich verstehe enfach nicht, was gemeint ist.
Selbst mit Code verstehe ich nicht die Aussage.
"Wenn man padding-top in Prozent angibt, dann bezieht sich diese Prozentangabe nicht etwa auf die Höhe der Seite, sondern auf die Breite. D.h. mit padding-top in Prozent haben wir plötzlich etwas, das eine Höhe erzeugt.
Diese Höhe aber in Abhängigkeit von der Breite erzeugt. => Wir haben eine skalierbare Höhe."
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="test.css">
<style>
html, body{
height:100%;
width:100%;
margin: 0
}
#div1{
width: 50%;
height: 40%;
background-color: orange;
color:white;
font-size: 20px;
}
#div2{
width: 60%;
height: 30%;
background-color: yellow;
color:white;
font-size: 20px;
padding-top: 10%;
}
</style>
</head>
<body>
<div id="div1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr
<div id="div2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</div>
</div>
</body>
</html>