Bestimmte HTML Codes funktionieren trotz Aktivierung nicht.

Code:

<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'><center><div style="background:#524f4f; border:3px dashed #aba2a2;color:#F5EEE8;width:400px;text-align:justify;padding:10px;font-size:10px">

<center><div style="font-family: 'Indie Flower', cursive; font-size:40px;border-bottom: 2px dashed #aba2a2;width:400px; line-height:30px">Zitat</div></center>

<center><img src="http://img5.fotos-hochladen.net/uploads/catsblos0rjke7a.jpg" style="border: 4px solid #aba2a2">



<div style="font-family: 'Indie Flower', cursive; font-size: 20px; border-bottom: 2px dashed #aba2a2; width:200px;">That's me.</div>

<div style="font-family: 'Signika Negative', sans-serif; font-size: 12px; width: 350px; border-bottom: 2px solid #aba2a2;" align="justify">{Dieser Text muss die Vornamen, den Nachnamen, evtl. die Bedeutung des Namens, das Alter, Geburtsort und -datum enthalten. Ebenso bitte Beruf, Datum an welchem ihr gestorben seit (für Vampire & Originals), ob ihr vom Übernatürlichen wisst und welcher Rasse ihr angehört. }



</div>



<center><div style="font-family: 'Indie Flower', cursive; font-size:40px;border-bottom: 2px dashed #aba2a2;width:400px; line-height:30px">Zitat</div></center>



<div style="font-family: 'Indie Flower', cursive; font-size: 20px; border-bottom: 2px dashed #aba2a2; width:200px;">Family tree</div>

<div style="font-family: 'Signika Negative', sans-serif; font-size: 12px; width: 350px; border-bottom: 2px solid #aba2a2;" align="justify">{Übersicht der Familienmitglieder; Vater, Mutter, Geschwister, Mann, Frau, Kinder, sonstige Verwandte.}</div> 



<center><div style="font-family: 'Indie Flower', cursive; font-size:40px;border-bottom: 2px dashed #aba2a2;width:400px; line-height:30px">Zitat</div></center>



<div style="font-family: 'Indie Flower', cursive; font-size: 20px; border-bottom: 2px dashed #aba2a2; width:200px;">Inside me</div>

<div style="font-family: 'Signika Negative', sans-serif; font-size: 12px; width: 350px;border-bottom: 2px solid #aba2a2;" align="justify">{Charakterbeschreibung; mindestens 500 Zeichen; achtet darauf, dass eurer Charakter nicht nur Stärken, sondern auch Schwächen hat.}</div>



<center><div style="font-family: 'Indie Flower', cursive; font-size:40px;border-bottom: 2px dashed #aba2a2;width:400px; line-height:30px">Zitat</div></center>



<div style="font-family: 'Indie Flower', cursive; font-size: 20px; border-bottom: 2px dashed #aba2a2; width:200px;">Timeline</div>

<div style="font-family: 'Signika Negative', sans-serif; font-size: 12px; width: 350px;border-bottom: 2px solid #aba2a2;" align="justify">{Lebenslauf; mindestens 800 Zeichen!}</div>



<center><div style="background:#aba2a2;text-transform:uppercase;font-family:'Signika Negative', sans-serif;letter-spacing:4px;font-size:9px;">Avatar | Spieler & Alter | Regeln gelesen? | Weitergabe?</div></center></div></center>

Code:

<div id="steckbrief"><div id="bild"></div><div class="titel">the night starts slipping</div><div class="utitel">when the night starts slipping away, save the day.</div>

<div class="box1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div><div class="box2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div> <table id="bloecke"><tr><td><div class="block">Avatarperson</div></td> <td><div class="block">(Kein) Gesuch</div></td></tr><tr><td><div class="block">(Keine) Weitergabe</div></td><td><div class="block">Regeln gelesen?</div></td></tr><tr><td><div class="block">Zweitcharakter #1</div></td><td><div class="block">ZWeitcharakter #2</div></td></tr></table> <div id="bildinnen"></div></div>

<div style="font-size: 10px; width: 450px; text-align: right; letter-spacing: 3px; margin: auto;"><a href="http://storming-gates.de/member.php?action=profile&uid=2">by sparks fly</a></div>



<style text="text/css">#steckbrief { height: 580px; width: 500px;  border: 3px solid #dbb594; border-top: none; border-bottom: none; margin: auto; background: linear-gradient(to bottom, #f9f1ef, #e9d2b3); overflow: hidden;} /*



*/ #steckbrief #bild { height: 580px; width: 500px; background-image: url('http://placehold.it/500x580'); position: relative; top: 0px; z-index: 98; transition: 1.2s; transition-delay: 1s;}  /*



*/  #steckbrief:hover #bild { top: 580px; transition: 1s; transition-delay: 1s; }  /*



*/  #steckbrief .titel { font-family: 'Georgia'; font-size:50px; color: #b2855e; font-style: italic; text-transform: lowercase; letter-spacing: -4px; position: relative; top: -500px; z-index: 100; transition: 0.7s; transition-delay: 1.9s; text-align: center; }  /*



*/  #steckbrief:hover .titel { top: -580px; transition: 0.7s; font-size:42px; color: #dbb594; }  /*



*/  #steckbrief .utitel { margin-top: -15px; color: #b2855e; font-family:'Century Gothic'; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; line-height: 1em; text-align: center; position: relative; top: -500px; z-index: 99; transition: 0.7s; transition-delay: 1.9s; text-align: center; }  /*



*/  #steckbrief:hover .utitel { top: -580px; transition: 0.7s; color: #dbb594; }  /*



*/  .box1 { background: rgba(234, 224, 220, 0.5); height: 180px; width: 460px; overflow: auto; margin-top: 10px;; color: #b2855e; font-family:'Calibri'; font-size: 11px; letter-spacing: 1px; line-height: 1em; text-align: justify; padding: 5px; border: 2px solid #dbb594; position: relative; top: -570px; z-index: 97; margin: auto; }  /*



*/  .box2 { height: 270px; width: 200px; background: rgba(234, 224, 220, 0.5); overflow: auto; margin-top: 10px; color: #b2855e; font-family:'Calibri'; font-size: 11px; letter-spacing: 1px; line-height: 1em; text-align: justify;  padding: 5px; border: 2px solid #dbb594; position: relative; top: -560px; left: 13px; z-index: 97;}  /*



*/  .block { width: 120px; height: 30px; background: #f9f1ef; border-bottom: 5px solid #e9d2b3; font-family: 'Calibri'; font-size: 10px; color: #9b451e; margin: auto; text-align: center; line-height: 300%; text-transform: uppercase;}  /*



*/  #bloecke { position: relative; top: -840px; left: 240px; z-index: 97; }  /*



*/ #bildinnen { width: 244px; height: 135px; position: relative; top: -830px; left: 243px; z-index: 97; background-image: url('http://placehold.it/245x135'); }  /*



*/  .box1::-webkit-scrollbar { width: 10px; background: #f9f1ef; }  /*



*/  .box1::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #f9f1ef, #e9d2b3); }  /*



*/  .box2::-webkit-scrollbar { width: 10px; background: #f9f1ef; }  /*



*/  .box2::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #f9f1ef, #e9d2b3); }</style>