Sheet haalt alles door elkaar

Hallo,
Ik wou een nieuwe sheet op mijn forum posten maar door de sheet wordt alles op het forum door elkaar gehaald. Ik heb een printscreen van hoe het er voor mij uitziet genomen. Kan iemand mij helpen? Alvast bedankt!

Printscreen:

Code sheet:

Wanneer je jouw html op een lijn zet zie je moeilijk welke elementen er gesloten/geopend zijn. Het kan dus soms handig om je html te bewerken in notepad++ of dergelijke programma's.

Ik heb nu dus alle geopende element gesloten achter je bb-codes.

Code:

<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css' /><style type="text/css">::-webkit-scrollbar { height: 12px; width: 10px; background-color: #fff;} ::-webkit-scrollbar-thumb { background: #E3C3B4; } ::-webkit-scrollbar-corner { background: #E3C3B4; }::-webkit-scrollbar-track { background: #fff; }#maincontent { width: 500px; height: 500px; background-color: #EFEEED; }b { color: #E3C3B4; }.infoarea { position: relative; top: 350px; width: 112px; margin: 14px; background-color: white; max-height:  33px; padding: 5px; overflow: hidden; transition: max-height 1s, background-color 1s; -moz-transition: max-height 1s, background-color 1s; -webkit-transition: max-height 1s, background-color 1s; -o-transition: max-height 1s, background-color 1s; }.infoarea:hover { max-height: 100px; }.infotitle { font-size: 25px; line-height: 35px; text-align: center; font-family: playfair display; text-transform: uppercase; color: #202020; }.infotext { font-family: courier new; font-size: 8px; text-transform: uppercsae; text-align: justify; letter-spacing: 1px; word-spacing: 2.5px; color: #505050; }.contenttext { margin: 10px; padding: 20px; height: 440px; overflow: auto; background-color: white; text-align: justify; font-family: calibri, sans serif; line-height: 13px; font-size: 11px; color: #505050; }</style><center><div id="maincontent"><table width="500px" cellspacing="0px" cellpadding="0px"><tr><td width="50px" style="height: 500px; background-color: #D1C5BC;"> </td><td width="150px" valign="top" background="http://i60.tinypic.com/35ndhyb.jpg"><div align="center" class="infoarea"><div class="infotitle">RAPOSA</div><div class="infotext"></div></div></td><td width="300px" valign="top"><div class="contenttext">
[center][size=24][font=Serif]HOGE RANGEN
[/font][/size][/center]
Hier is een klein lijstje met wie welke rang heeft zodat je weet wie je moet bereiken als je ze nodig hebt.

[table border="1"][tr][td]
[/td]
[td][font=Verdana] [b]Forestpack[/b]
[/font][/td]
[td][font=Verdana] [b]Mountainpack [/b]
[/font][/td]
[td][font=Verdana]  [b]Polepac[/b][b]k[/b]
[/font][/td]
[/tr]
[tr][td][font=Verdana][b]Alfa[/b]
[/font][/td]
[td][font=Verdana] Sky (Nele)
[/font][/td]
[td][font=Verdana] Icicle (Dieuw)
[/font][/td]
[td][font=Verdana] Aurora (Dani)
[/font][/td]
[/tr]
[tr][td][font=Verdana][b]Beta [/b]
[/font][/td]
[td][font=Verdana] Ember (Isa) 
[/font][/td]
[td][font=Verdana] Sphyrre (Lotje)
[/font][/td]
[td][font=Verdana] 
[/font][/td]
[/tr]
[tr][td][font=Verdana][b]Nurse[/b]   
[/font][/td]
[td][font=Verdana] Sil (Renske)
[/font][/td]
[td][left][font=Verdana] Thyme(Frans[/font][font=Verdana]esca) [/font][/left]
[/td]
[td style="text-align: center;"][font=Verdana] Maja (Bregje)
[/font][/td]
[/tr]
[/table]</div></td></tr></table></div></center>

Bedankt, nu blijft alles gewoon op zijn plaats c: