nicht angemeldet
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