Was du vorhast lässt sich am einfachsten über eine Grafik lösen die auf der y-Achse wiederholt wird. Hier wird das Konzept näher beschrieben: http://www.ohne-css.gehts-gar.net/0005.php
Es gibt noch andere Lösungen, das wäre aber für die Seite am einfachsten.
Multiposts sind (glaube ich) nicht erwünscht, benutze lieber die Edit Funktion des Forums.
Viel wichtiger aber, weswegen ich sofort antworte: dieser Upload ist ne sauerei, ich soll ein Download abwarten um dir zu helfen? Das Forum hat eine Anlage-Funktion - benutze die lieber... Ich hab's trotzdem mal geladen.
//Edith: ./bilder/kainen.jpg fehlt. Genau die Grafik um die es geht 
//Edith_2: weil weitere Infos fehlen, hab ich's so gemacht wie ich's für richtig halte.
<html>
<head>
<title>Kreaturen System</title>
<link rel="stylesheet" type="text/css" href="./styles/design2.css">
</head>
<div class="banner">
<a> <image src="./bilder/banner.jpg" /> </a>
</div>
<div class="animation">
<a href="#"> <image src="./bilder/animation.gif" /></a>
</div>
<div class="animationzwei">
<a href="#"> <image src="./bilder/animation.gif" /></a>
</div>
<div class="navi">
<p style="color:#ff0000"> <a href="index.html"> <image src="./buttons/button1up.png" /></a><a href="home.html"><image src="./buttons/button7up.png" /></a><a href="pvp.html"> <image src="./buttons/button2up.png" /></a><a href="finanz.html"> <image src="./buttons/button4up.png" /></a> <a href="fan.html"> <image src="./buttons/button5up.png" /></a><a href="imp.html"> <image src="./buttons/button6up.png" /></a></p>
</div>
<div class="kreaturen">
<div class="img">
<a> <image src="./bilder/kainen.jpg" /> </a>
</div>
<div class="description">
<font size="5" color="#FF0000" face="Curlz MT">
<p>Einteilung Basis-Einzigartig.</p>
<p>Magie Kreaturen und Kampfkreaturen.</p>
<p>Durch töten von Monstern bekommt man leere Karten.</p>
<p>Wahrscheinlichkeit sie zu fangen liegt bei</p>
<p>Basis Kreaturen: 90%</p>
<p>Gewöhnliche Kreaturen: 45%</p>
<p>Ungewöhnliche Kreaturen: 15%</p>
<p>Seltene Kreaturen: 5%</p>
<p>Sehr seltene Kreaturen 2.5% und Einzigartige Kreaturen 1%</p>
<p>In dem folgenden Video wird ein bändigungs versuch einer Einzigartigen Kreatur gezeigt</p>
<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/M7pb4I4TwLs?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/M7pb4I4TwLs?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></object>
</font>
</div>
</div>
<style type="text/css">
.kreaturen {
margin: auto;
padding-top: 250px;
width: 900px;
}
.kreaturen .img {
float: left;
height: 250px;
width: 350px;
background: #ccc;
float: left;
}
.kreaturen .description {
width: 500px;
float: right;
}
</style>
</body>
</html>So viel konnte ich mir schon zusammenreimen aus deiner Beschreibung & den Style-Definitionen.
Die Frage ist, was du nun erwartest? Soll der Text jetzt umbrechen (sprich, unter das Bild kommen) oder sollen einfach horizontale-Scrollbalken (früher) reinkommen? Laut deinem Code passiert ja genau das, was ich auf den Screens seh 
Aufjedenfall musst du die Präsentantionsumgebung kennen (Browser (muss nicht, wäre aber sicherheitshalber nicht verkehrt) und eben die Auflösung). Bei einer 640px breite sieht das ganze dann bestimmt nicht mehr lustig aus.
//P.S. ich bleibe dabei und bitte um eine Lauffähige Version, ich rate hier, wie erwähnt.
//PP.S. anhand der Screenshots, sehe ich, dass es nicht alles sein kann. Du hast eine Schriftart die nicht zu einer normalen Windows Umgebung gehört. Wenn du es auf einem anderen Rechner anschaust, wird es anders aussehen. Nagut, im Code steht's auch - aber die Anbindung in der Seite fehlt und da spielt auch das Betriebssystem eine Rolle.
Naja. Ich weiß jetzt worum es geht, ohne die Bilder kann ich es aber nicht nachvollziehen, sry. Lade es bitte irgendwo hoch.
Wenn du es nicht hochladen kannst, musst du mir leider ein Gerüst ohne Bilder bauen - dafür aber mit Containern die den gleichen Platz beanspruchen.
//Btw: 1k Posts, yay ?
//Edith: Ok, ich habe mir die Struktur etwas angeschaut und glaube wenigstens zu wissen was dein Problem ist. Ich würde eine Vollständige Version bevorzugen, da es dann genauer wird, aber ich schau's mir trotzdem schon mal an.
//Edith-2: Pöh. Ich weiß gar nicht wo ich anfangen soll.
Deine Seite hat keine Breite, da es sich um eine Präsentation handelt ist die Lage schon etwas problematisch. Bei einem Beamer würde ich mich nicht auf eine Auflösung über 640x480 verlassen, wenn es kein Uralt Ding ist hat es vielleicht 1280x1024.
Also. Ich brauche wirklich:
- eine Version inklusive Bilder
- die Ausgangssituation (auf welchen Browser wird es laufen bzw. wird es ein aktuellen Browser geben? Auflösung (die Schrift ist mit 24px ok)?
Kannst du auch sagen um was für ein Problem es sich handelt? Und in welchen Browser dieser auftritt?
Ich sehe nur, dass die Bilder nicht geladen werden können - logischer weise. Wenn du es auf einen Server hochladen könntest, würde es uns die Aufgabe um einiges erleichtern.
Was such ich genau:
Ich suche ein einfachen Server, auf dem ca 10 Spieler laggfrei spielen können,
Arbeits und Festplattenspiecher sind egal,
es ist mir auch egal, wenn mehrere Server paralell zu meinem laufen.
So als Tipp, der Arbeitsspeicher ist dir nicht egal. Du suchst nach einem Server für ~10 Spieler der dann noch Lagfrei läuft. Minecraft ist sehr Speicherhungrig und unter 1Gb sollte es nicht sein. Ansonsten viel Glück bei der Suche.
Ähm.
<script type="text/javascript">
var responses = {
'text3' : 'text3 wurde eingegeben',
'A' : 'Wert für A-Eingabe' // so werden neue Werte hinzugefügt...
};
responses['B'] = 'Wert für B'; // oder so.
</script>Ich dachte eher an ein HTML Gerüst in den ich direkt JavaScript reinschreiben könnte, naja, egal...
So. Wo deine Texte jetzt herkommen ist mal dein Problem.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var responses = {
'text3' : 'text3 wurde eingegeben'
};
function text_action() {
var input = document.getElementById('user-input');
var response_container = document.getElementById('response');
if(input.value in responses) {
response_container.innerHTML = responses[input.value];
}
else {
response_container.innerHTML = 'eingegebener Text "' + input.value + '" bla bla fasel';
}
}
</script>
</head>
<body>
<div>
<input type="text" name="" id="user-input" />
<input type="submit" value="OK" onclick="javascript:text_action()" />
<p id="response">Klick OK.</p>
</div>
</body>
</html>Wäre leichter wenn du dein Grundgerüst posten könntest mit entsprechenden Markierung wo was passieren soll.
Daran ist nichts seltsam, probier deine ehemalige Lösung mit einem verkleinertem Fenster!
Smartphones haben nun mal eine kleinere Auflösung.
Mal ein Beispiel, sagen wir mal du hast eine 800xY Auflösung:
left: 50% => pos: 400px
margin-left: -490px => pos: -90px
Gar nicht. Das ist falsch verschachtelt, wenn man das Ergebnis das du anstrebst bekommen möchte.
Btw. eine ID darf nicht mit einer Zahl anfangen.
Wenn du an der Struktur nichts ändern kannst, wirst du wohl mit JavaScript dein 2tes Div wo anders hinschieben müssen.
Verwende dazu die Methode .length(), diese gibt dir die Anzahl Elemente im Array an. Mit (myArray[myArray.length-1]) kannst du also das letzte Element auswählen.
EDIT: Du bist schon selber zur Lösung gekommen
length ist keine Methode, sondern ein Attribut.
Und natürlich geht's auch anders. Einfacher? Nicht unbedingt, ansichtssache. Aber kürzer.
var myString = "hallo-welt-was-soll-das";
wert = myString.split("-").reverse()[0];ist ja auch noch n Bug drin 
am dem Part muss man etwas ändern, Hint: es muss noch ein else {...} geben.
if(isset($data[$stunde][$tag])) {
$fach = $data[$stunde][$tag]->Fach;
$output .= "<td>$fach</td>"; // Zellenweise Ausgabe von Fächern (Schleife geht erst über Stunden dann über Tage => erster durchgang Stunde: 1)
}Dann ergänz ich das ganze noch um paar Kommentare.
<?php
while($row=mysql_fetch_object($ergebnis))
{
// sammel alle Daten in eine Liste (Array), da man die in der Form nicht direkt ausgeben kann/will.
$tmp_data[$row->Stunden][] = $row;
}
// hier wird der ganze schmarrn nochmals sortiert, wäre auch in der while Schleife gegangen. Damit war es aber einfacher sich die Daten ausgeben zu lassen
foreach($tmp_data as $index => $object_array) {
foreach($object_array as $object) {
$data[$object->Stunden][$object->Tag] = $object;
$labels['zeit'][$object->Stunden] = $object->Zeit; // Zeit-Strings, kommen aus dem ersten INNER JOIN
$labels['tag'][$object->Tag] = $object->taglabel; // s.o., 2. INNER JOIN
}
}
$output = '<tr><th></th>';
for($tag = 1 ; $tag <= 5 ; $tag++) {
$output .= '<th>' . $labels['tag'][$tag] . '</th>'; // Erste Zeile, beschreibung, Daten aus dem 2. INNER JOIN
}
$output .= '</tr>';
for($stunde = 1; $stunde <= 8 ; $stunde++) {
$output .= '<tr><td>' . $labels['zeit'][$stunde] . '</td>'; // Linke Spalte, Stunden aus dem 1. INNER JOIN
for($tag = 1 ; $tag <= 5 ; $tag++) {
if(isset($data[$stunde][$tag])) {
$fach = $data[$stunde][$tag]->Fach;
$output .= "<td>$fach</td>"; // Zellenweise Ausgabe von Fächern (Schleife geht erst über Stunden dann über Tage => erster durchgang Stunde: 1)
}
}
$output .= '</tr>';
}
print $output;Wie ich sehe hast du ICQ. Kannst mir eine PM mit deiner (ICQ)Nummer geben, so langsam wirds nervig 
Ein Screenshot bringt mir rein gar nichts (schon gar nicht bei der Auflösung, würde mich nicht wundern, wenn das Forum es runterskaliert).
Lass den ersten PHP-Code-Block mal laufen und paste mir mal die Ausgabe. Dann weiß ich wenigstens, wie der kram aus der DB raus kommt. (oder besser gesagt, ich hab dann Testdaten zum wursteln ;P )
Du willst also eine weitere Box nur sichtbar haben, wenn das Browserfenster auch breit genug dafür ist? Das kannst Du mit JavaScript erreichen indem Du die Größe des Viewports prüfst und entsprechend diesen "zweiten Container" aus- oder einblendest.
Und wenn dir alt-browser egal sind, ist @media-query wohl was für dich. Google kannst du benutzen, denke ich 
mach auf die Bilder ein display: block; und float: left; (clearen nicht vergessen!). Sollte helfen. Ansonsten Link / Quellcode her wie schon gesagt wurde.
Stimmt, mit Load geht sowas nicht. Es erwartet ja ein Element, wo etwas reingeladen werden soll.
Wenn du dir den Inhalt aber als String holst (wie auch immer, $.ajax bla blub), kannst du per jquery die Links auf die CSS files rauswerfen bevor du den content in die Seite schmeisst.
//P.S. wie ich sehe, kann man den load auch etwas einschränken (url selector), ob das hilft, ist aber von deiner HTML-Struktur abhängig. Das jetzt vertieftes Know-How zu nennen... Ist eher spezialisiert, wer kein jQuery nutzt, kann mit deiner Frage natürlich rein gar nichts anfangen.
So als kleinen Tipp, gruppiere dir die Einträge. Dann kann man auch die Schleifen besser zusammensetzen und ggf. die Daten anders zusammen sammeln damit sich daraus überhaupt eine Tabelle einfach generieren lässt (am einfachsten wäre es, wenn du einen [Stundenindex][tag_nr] hast - da man dann einfach die td's hintereinander auswerfen kann)
Ich verstehe nicht was in 'Stunden' stehen soll, der einzige Sinn wäre in welcher Stunde der Unterricht stattfindet (und nicht die länge, davon geh ich einfach mal aus).
$data = array();
while($row=mysql_fetch_object($ergebnis)) {
$data[] = $row;
}
echo '<pre>File: ' . __FILE__ . ' Line: ' . __LINE__ . " debug: \n" . print_r($data, true) . "</pre>"; die;//P.S. es war keine Textdatei. Sondern eine 'doc' - das zählt nicht. Und so wieso, in Foren lädt kaum jemand gern was runter, was jemand hochlädt (schon gar nicht ein neuer Nutzer)
// und noch mal
Wünschenswert wäre eine Struktur wie:
$data = array(
'stunde_1' => array('--', 'Langeweile', 'Dartwerfübungen', '...', '...'),
'stunde_2' => array...
);
Damit hättest du in 2 Loops eine Tabelle.
loop:
tr
loop:
td ... /td
/tr