Verschobene Div blöcke trotz float befehl.

[ArcDeTriomphe]

Hallo, arbeite gerade an meiner ersten website, und es klappt schon alles recht gut. Ich arbeite mit dreamweaver. ich wollte jedoch links eine navibox machen, und in der mitte den inhalt haben, dies funktioniert auch, nur beginnt der inhalt in der mitte erst nach dem navi block auf der linken seite... wie eine unsichtbare barriere...~~~css @charset "utf-8";
{
margin:0;
padding:0;
outline:0;
}img{border:0;}blink,marquee{display:none;}body{font:62.5% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;}p{margin:0 0 .5em 0;}.typ_lft{text-align:left;}.typ_rgt{text-align:right;}.typ_cen{text-align:center;}.typ_b{font-weight:700;}.typ_i{font-style:italic;}.typ_u{text-decoration:underline;}.typ_s{text-decoration:line-through;}.img_lft{float:left;margin:0 1em 0 0;text-align:left;}.img_rgt{float:right;margin:0 0 0 1em;text-align:right;}.img_cen{display:block;margin:auto;}.box_lft{float:left;}.box_rgt{float:right;}.box_cen{margin:auto;}.clf,.clf_lft,.clf_rgt{visibility:hidden;}.clf_lft{clear:left;}.clf_rgt{clear:right;}.clf{clear:both;}.acc_jmp{display:inline;height:0;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:0;}.v_nav{padding:.4em;}.v_nav li{list-style:none;}.v_nav li.sep{height:1.1em;}.v_nav li a{display:block;width:100%;}.h_nav{padding:.4em 0 .4em 0;}.h_nav li{display:inline;list-style:none;}.h_nav li.fst{margin:0 0 0 .4em;}.h_nav li.sep{padding:0 1em 0 1em;}.h_nav li.lst{margin:0 .4em 0 0;}{
font-size:1em;
padding: 0px;
}html,body{background-color:#9a9582;}hr{border:1px solid #d4d4d4;margin:10px;}p,h1,h2,h3,h4,h5,h6{
margin:0 0 .5em;
padding: 15px;
}a,.dead{color:#0098d8;text-decoration:none;}a:hover{color:#ff8a00;}a.blueLink{color:#0098d8;}a.blueLink:hover{color:#ff8a00;}a.buttonLinkLarge{background:url(http://img.skins.be/img/button_lang.gif) no-repeat 0;color:#b9baa6;display:block;height:25px;line-height:22px;left:2px;text-align:center;text-decoration:none;position:relative;width:159px;}a.buttonLinkLarge :hover{background:url(http://img.skins.be/img/button_lang.gif) no-repeat 0;color:#ff8a00;}a.infobox span{display:block;left:16em;margin-top:1em;padding:1em;position:absolute;text-decoration:none;visibility:hidden;width:400px;}a.infobox:hover span{background:#f1f1f1;border:1px solid #ccc;color:#333;cursor:help;display:block;width:400px;visibility:visible;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.black{color:#000;}.hint{color:#d4d4d4;text-align:left;text-transform:uppercase;}.highlight{color:#a9a8a5;}.capital{color:#d4d4d4;}.helpMsg{color:#000;font:"Century Gothic",Arial,Verdana,Helvetica,sans-serif;}.blueBG,.blueBGfox{background:#f1f1f1 none repeat;padding:3px;}#content h1,#content h2{font-family:"Century Gothic",Arial,Verdana,Helvetica,sans-serif;font-weight:500;}#content h1{color:#000;}#content h2,#content h3{color:#a9a8a5;font-family:Arial,Verdana,Helvetica,sans-serif;font-weight:500;}#content h3.rating,#content h3.rating{font-weight:700;}
#head{background:#9a9582 url(../Pictures/QuickCam/pageBG%20header%20big.jpg) repeat-x;height:290px;}#head li{background-image:none;list-style:none;}
#logo{background:url(../Pictures/LDDCLOGO.gif) no-repeat;bottom:-1px;display:block;height:0;overflow:hidden;padding:81px 0 0 0;position:relative;width:240px;}#logo{height:81px;height:0!important;*/ position:relative;top:118px;}
#icon_nav{float:left;margin-left:35px;position:relative;left:-50px;}#icon_nav li{float:left;list-style:none;margin-left:16px;}#icon_nav a{background-repeat:no-repeat;display:block;height:0;overflow:hidden;padding:79px 0 0 0;position:relative;top:118px;width:70px;}#icon_nav a{height:79px;height:0!important;}
#icon_nav #band a{background:url(../Pictures/QuickCam/about-off.bmp);}#icon_nav #band a:hover{background:url(../Pictures/QuickCam/about-on.bmp);}
#icon_nav #crew a{background:url(../Pictures/QuickCam/members-off.bmp);}#icon_nav #crew a:hover{background:url(../Pictures/QuickCam/members-on.bmp);}
#icon_nav #video a{background:url(../Pictures/QuickCam/videos-off.bmp);}#icon_nav #video a:hover{background:url(../Pictures/QuickCam/videos-on.bmp);}
#icon_nav #presse a{background:url(../Pictures/QuickCam/presse-off.bmp);}#icon_nav #presse a:hover{background:url(../Pictures/QuickCam/press-on.bmp);}
#icon_nav #music a{background:url(../Pictures/QuickCam/music-off.bmp);width:46px;}#icon_nav #music a:hover{background:url(../Pictures/QuickCam/music-on.bmp);width:46px;}
#icon_nav #news a{background:url(../Pictures/QuickCam/news-off.bmp);}#icon_nav #news a:hover{background:url(../Pictures/QuickCam/news-on.bmp);}
#top_nav{height:20px;width:600px;}#top_nav,#top_nav li,#top_flg,#top_flg li,#loggedin ul,#loggedin ul li{margin:0;padding:0;}#top_nav li.fst{margin:0 6px 0 6px;}#top_nav li{margin:0 6px 0 7px;}#top_nav li a{color:#fff;text-decoration:none;}#top_nav li a:hover{color:#3cf;}#top_flg{margin:3px 10px 0 0;}#top_flg li{margin-left:1px;}

#footer{background:#9a9582 url(../Pictures/QuickCam/footer.jpg) repeat-x;height:200px;width:100%;position:relative;float:bottom;margin-left:auto;margin-right:auto;z-index:800;}#footer li{background:none;}#footer a{color:#f1f1f1;}#footer a:hover{color:#ff8a00;}
.lnklst,.lnklsthigh{color:#f1f1f1;float:left;margin-top:100px;width:122px;}.lnklsthigh{background:url(http://img.skins.be/img/footerBGhell.jpg) repeat;height:170px;margin:0 0 0 30px;padding:15px 30px;width:130px;}.lnklst li,.lnklsthigh li{list-style:none;margin-bottom:2px;}.lnklsthigh li{margin-bottom:5px;}.firstlst{margin-left:20px;}.lnklsthead,.lnklstsubhead{font-weight:700;margin-bottom:2px;}.lnklstsubhead{margin-top:10px;}
.lnkrgt,.lnkrgthigh{color:#f1f1f1;float:right;margin-top:100px;width:122px;}.lnkrgthigh{background:url(http://img.skins.be/img/footerBGhell.jpg) repeat;height:170px;margin:0 0 0 30px;padding:15px 30px;width:130px;}.lnkrgt li,.lnkrgthigh li{list-style:none;margin-bottom:2px;}.lnkrgthigh li{margin-bottom:5px;}.firstrgt{margin-right:50px;}.lnkrgthead,.lnkrgtsubhead{font-weight:700;margin-bottom:2px;}.lnkrgtsubhead{margin-top:10px;}

#heart{
background:#9a9582 url(../Pictures/QuickCam/graybackground.jpg) repeat-y;
height:auto;
width:60%;
position:relative;
margin-left:auto;
margin-right:auto;
float:top;
overflow: auto;

}

#sidetop{background:#9a9582 url(../Pictures/QuickCam/title.jpg) no-repeat;height:35px;width:180px;position:relative;margin-left:10px;float:top}
#side{background:#9a9582 url(../Pictures/QuickCam/sidebarUlBG.gif) repeat-y;height:auto;width:180px;position:relative;margin-left:10px;float:top}#sidebottom{background:#9a9582 url(../Pictures/QuickCam/sidebarUlEnd.gif) no-repeat;height:20px;width:180px;position:relative;margin-left:10px;float:top}

#content h1,#content h2{font-family:"Century Gothic",Arial,Verdana,Helvetica,sans-serif;font-weight:500;}#content h1{color:#000;}#content h2,#wallpaperView h2{background:url(../Pictures/QuickCam/h2BG.png) repeat-x left bottom;color:#3c3c3c;padding:3px;margin-left:10px;}#content h3{color:#a9a8a5;font-family:Arial,Verdana,Helvetica,sans-serif;font-weight:500;}#content h3.rating,#wallpaperView h3.rating{font-family:Arial,"Century Gothic",Verdana,Helvetica,sans-serif;}#content h3.rating{font-weight:700;}

~~~html
<div id="sidetop" class="noadbriteinline"></div>  
<div id="side" class="noadbriteinline">  
  
<li>  
		<a href="http://de.skins.be/alessandra-ambrosio/" title="Loco Escrito">  
			Loco Escrito		</a>	</li>  
		<li>  
		<a href="http://de.skins.be/heidi-klum/" title="Third Eye">  
			Third Eye		</a>	</li>  
		<li>  
		<a href="http://de.skins.be/paris-hilton/" title="G-Raz">  
			G-Raz		</a>	</li>  
</div>  
<div id="sidebottom" class="noadbriteinline"></div>  
  
  
<div id="heart" class="noadbriteinline">  
<div id="dynamicContentBox">  
  <div id="dynamicContentBox2"></div>  
  <div id="content2">  
    <div id="centerContent2">  
      <div class="cornerLeft">  
        <div class="cornerRight">  
          <div id="mainContent2">  
            <h2> Crew </h2>  
          </div>  
        </div>  
      </div>  
    </div>  
  </div>  
</div>  
						<div id="content"><div id="centerContent"><div class="cornerLeft"><div class="cornerRight"><div id="mainContent">  
						  <p>  
  
						LDDC : Die Crew &quot;Los Diablos Del Cielo&quot; (LDDC) besteht aus vier Crewmitgliedern. Die Vereinigung der drei Sprachen Spanisch, Englisch und Französisch führt zu ihrem unikaten Style, welcher durch professionellen Turntabelism unterstrichen wird. Severin Weilenmann alias Third Eye produziert die Beatz von LDDC und steuert die Englischen Vocals dazu. 1999 begann er eigene Musik zu produzieren und wechselte nach drei Jahren von Schweizerdeutsch auf Englisch. Während dieser Zeit traf er Nicolas Herzig alias Loco Escrito. Der Halbkolumbianer, welcher sich schon sehr jung in die HipHop Kultur eingelebte hatte, schrieb damals seinen ersten Texte auf Spanisch. 2004 gründeten sie LDDC und produzierten ihr erstes Album El Principio mit Unterstützung des südamerikanischen Labels Marcano Productions. Samir Sassella, alias Tunicolo war schon zu Beginn wie ein Crewmitglied mit dabei. Rap wurde bald zu seiner Leidenschaft und mit grossem Ehrgeiz erreichte der Halbtunesier in kurzer Zeit ein hohes Niveau an französischem Flow und wurde 2006 endgültig zum dritten Crewmitglied. Durch Mehran Mahdavi wurde die Crew vervollständigt. Seine Beatz und sein Können als DJ machen ihre Musik noch Facettenreicher. Enjoy					</p>					  
					  
										  
					  
					<div id="dynamicContentBox"></div>  
</div></div></div></div></div></div>

[Felix Riesterer]

Lieber ArcDeTriomphe,

Dein Code ist eine Zumutung. Was glaubst Du könnte ich auf den ersten Blick darin sehen?

Und Dein Markup ist voller semantischer und struktureller Fehler! Validiere Dein Markup, bevor Du hier weiterfragst, denn fehlerhaftes Markup führt oft zu Anzeigefehlern, weil Browser im Fehlerfalle fröhlich raten dürfen, was Du wohl gemeint haben könntest.

Desweiteren ist ein Link auf Deine Seite hilfreich, weil mein Firebug-Plugin aus Deinem ganzen Code-Müll (sorry, aber es ist wahr!) eine strukturierte Ansicht machen kann, sodass ich wenigstens sehen könnte, was Firefox aus Deinem Quark zu machen versucht. Damit könnte ich Dir vielleicht tatsächlich einen kleinen Hilfehinweis geben. Aber so... nein danke.

Liebe Grüße,

Felix Riesterer.

[Gunnar Bittersmann]

@@ArcDeTriomphe:

nuqneH

body{font:62.5% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;}

Was haben HTML-Escapes in CSS zu suchen?

Ansonsten: was Felix sagte.

Qapla'