ich bin gerade auf ein Problem gestoßen
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:
- Code: Alles auswählen
<!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>
Ich finde es komisch, dass das rauskommt:
- Unbenannt.PNG (11.65 KiB) 99-mal betrachtet
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.
Das würde dann je nach Breite gut aussehen.