Hallo,
ich bin gerade auf ein Problem gestoßen :shock:
Es handelt sich um Unordered Lists, mit denen ich in letzter Zeit irgendwie Schwierigkeiten bekomme. Ich weiß nicht, warum
Guckt euch den Code an und denkt nach, was da raus kommen würde:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
TEST
</title>
<style type="text/css">
body {
background: #171717;
color: #ffffff;
}
ul {
width: 25%;
border: 1px solid #aaaaaa;
padding: 0px;
border-radius: 5px;
background: #1f7fbb;
}
ul li {
list-style: none;
padding: 16px;
margin-left: 0px;
width: 100%;
border-bottom: 1px solid #bbbbbb;
}
</style>
</head>
<body>
<ul>
<li>Eins</li>
<li>Zwei</li>
<li>Drei</li>
<li>Vier</li>
<li>Fünf</li>
</ul>
</body>
</html>
Alles anzeigen
Ich finde es komisch, dass das rauskommt:
[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]
Warum geht der Rahmen (unten bei jedem li-Element) über die angebene Breite von 100%????? Das Elternelement ist doch ul und deswegen sollten doch eigentlich 25% von BODY gleich 100% von UL sein.
Mit freundlichen Grüßen,
Philipp E.