Den folgenden Code könnt ihr direkt kopieren und mal im Firefox ausprobieren:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Flirtwelt.net - Dating, Flirten, Verlieben</title>
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1">
</head>
<body>
<ul style="background-color:red">
<li>Hallo Welt</li>
</ul>
<div style="width:800px">
Unten
</div>
</body>
</html>
Und jetzt macht ihr mal folgendes: öffnet die Seite in einem Fenster, dessen Breite Ihr auf WENIGER als 800px zusammenschiebt.
Nun passiert etwas merkwürdiges:
Die obige Liste nimmt plözlich nicht mehr die ganze Bildschirmbreite ein. Das ganze scheint sich prozentual zu verhalten. Je kleiner man das Fenster macht, desto kleiner wird auch die Liste.
das untere <div> hingegen erzwing den Scrollbalken und verhält sich insofern wie gewünscht.
Um das Problem zu sehen, muss man den Scrollbalken nach rechts schieben.