div springt nach Listeneintrag

[pustefix]

Hallo miteinander,

ich habe eine Testseite erstellt beider eine Liste in einem Div liegt. Wenn ich nun mehrere Einträge in der Liste vornehme spring plötzlich der Div nach links, minimal nur aber mich störts doch sehr. Ich finde keine Erklärung, vielleicht könnz ihr mir ja einen Tipp geben. Sowohl Html als auch CSS sind valide.

Demo unter http://www.austesten.de/demo/test1.htm, oben ist ne Navigation über die ihr beide Versionen sehen könnt.

Hier das dazugehörige CSS:

body{background:#BDBFC1 url('body_bg.jpg') repeat-x; font: 0.7em Verdana,Helvetica,Arial,sans-serif;	margin:0; color:#333;}  
  
#container{margin:0 auto; width:760px; height:500px;}  
  
#header{background: url('top.jpg') no-repeat; height:130px;}  
#header h1.title{margin:0; padding: 105px 0 0 20px;	color:#fff;}  
#header ul.navbar{margin:0;	padding: 25px 0 0 10px;}  
#header ul.navbar li{float:left;list-style-type:none;font-size:1.1em;}  
#header ul.navbar li a:link{display:block; padding: 0; margin: 0 30px 0 0;font-weight:bold;	color: #B20606;	background:none;}  
#header ul.navbar li a:visited,a:active{padding: 0;	margin: 0 30px 0 0;	font-weight:bold; color: #B20606; background:none;}  
#header ul.navbar li a:hover{padding: 0; margin: 0 30px 0 0; font-weight:bold; color: #ED1C24;}	  
#header #title_box{display:block; position:relative; top: 140px; left: 200px; width:100px; border:#c00 1px solid;}  
  
#haupt{background: url('haupt_hinter.jpg') center repeat-y;	margin:0 auto; width:760px; padding: 0 0px 0 1px; margin-bottom:0; overflow:hidden;}  
  
#brot{background: url('title.jpg') no-repeat; padding-top:50px; text-align:left; margin: 0 9px;}  
#brot h2.untertitel{margin:0; padding: 12px 5px 0 17px;	font-size:1em;}  
  
#inhaltnorm{margin: 15px 10px 0 10px; text-align:justify; overflow:hidden; background: url('pfeil_norm.jpg') repeat-y;	background-position: 48% 0%;padding:0;position:relative;}  
  
#inhaltpartner{margin: 15px 10px 0 10px; overflow:hidden; background: url('pfeil_dopp.jpg') repeat-y;	background-position: 48% 0%;padding:0;position:relative;}  
  
h2{color:#B20606; margin:15px 0 0 0; line-height:15px; padding: 0; font-size:1em;}  
h3{color:#B20606; margin:15px 0 0 0; line-height:0px; padding: 0; font-size:1em;}  
  
div.box{width:210px; margin: 0 15px 0 15px;	padding:0; float:left; min-height:300px;text-align:left;}  
  
div.boxstart{width:450px; margin: 0 15px 0 15px; padding:0;	float:left;min-height:300px;}  
div.boxstart p{margin-top:0px;}  
  
.gebaeude{width:200px;position:absolute;padding:0; bottom:0px;right:40px;}  
.gebaeude img {border:0; padding:0;}  
  
#akt {text-align:left;width:260px;margin:0 0 0 490px;}  
#akt h2 {margin:0px;}  
#akt ul{margin:0 0 0 0; padding:0; list-style:none;}  
#akt li{padding: 2px 0;}  
  
ul#anf {list-style-type:disc;text-align:left;margin:0 0 0 15px;padding:0;font-weight:normal;}  
ul#kontueb{list-style-type:none;text-align:left;margin:0 0 0 0;padding:0;font-weight:normal;}  
li.fett{font-weight:bold;}  
.adress_ueb{list-style-type:none;font-weight:normal;margin:0;padding:0;}  
ul, li {margin: 0; padding:0;}  
li.unten {margin-bottom:15px;}  
  
#footer{clear:both;	background:url('footer_hinter.jpg') center no-repeat; height: 50px; padding: 0 0 4px 0; text-align:right; color:#999; margin: 0;}  
#footer p{margin:0;	padding: 23px 0 0 0;}  
#footer a:link, a:visited, a:active{padding-right:15px;	font-size:1em;color:#999;background: none;}  
#footer a:hover{padding-right:15px;color:#B20606;}  
  
#haftung {margin:0 0 5px 25px;}  
p.haft{margin-top:8px;}  
  
a:link{padding-right:15px;background: none;	font-size:1em;color:#333;text-decoration:none;}  
a:visited, a:active{padding-right:15px;background: none;	font-size:1em;color:#333;text-decoration:none;font-weight:normal;}  
a:hover{padding-right:15px;background: none;color:#B20606;}

Viele Dank vorab und beste Grüße von

Pustefix

[ChrisB]

Hi,

ich habe eine Testseite erstellt beider eine Liste in einem Div liegt. Wenn ich nun mehrere Einträge in der Liste vornehme spring plötzlich der Div nach links, minimal nur aber mich störts doch sehr. Ich finde keine Erklärung

Und ich kann nicht mal das beschriebene Verhalten auf der von dir genannten Seite nachvollziehen -

vielleicht könnz ihr mir ja einen Tipp geben.

• und deshalb nur vermuten, dass du der x-te bist, dem auffällt, welchen Effekt die automatische Hinzunahme oder der Verzicht auf den Scrollbalken bei unterschiedlich langen Dokumenten bei zentriertem Inhalt hat.

Bzgl. der Problematik bitte suchen, die ist alt.

MfG ChrisB