[kerri]

Also das erste, was mein kleiner firefox gemacht hat, als ich auf den Link geklickt hab, ist abstuerzen. Das ist natuerlich das schlimmste, was passieren kann.
Und im Mozilla sah die Seite dann so aus: klick mich. Auch net so doll.
Du arbeitest sehr viel mit absoluten Hoehen und Breitenangaben ( z.B. die Heoehe er News-Tabelle wird durch das uebereinanderstapeln der ganzen Randbilder erzeugt), hab ich festgesellt. Sobald da aber Text dazwischen ist, zerhaut es Dir das ganze Design (welches uebrigens sehr gut ist, kompliment!), da Text immer eine dynamische Hoehe uind breite hat. Du hast als Schriftart MSsans serif angegeben. das setzt aber voraus, das jeder, der die Seite anschauen will, genau diese Schriftart verwendet. Und ich mit meinem Linux System, wo natuerlich keine M$ Schriftarten drauf sind, kucke dann in die Roehre. Wenn ein sehbehinderter daherkommt, der ne besonders grosse Schrift braucht, um ueberhaupt was erkennen zu koennen, der schaut auch in die Roehre.

Du solltes versuchen, die ganze Sache etwas dunamischer zu gestalten. Ich habe mir mal die News-Tabelle vorgeknoepft, um Dir zu zeigen, wie man das am besten macht.
Du hast die Grafiken so aufgeteilt:
http://www.rzuser.uni-heidelberg.de/...cs/newsalt.jpg
wobei das gruene, das gelbe und das violette jeweils eigenstaendige Tabellen sind, die absolut nichts voneinander wissen (auch nicht die sehr wichtige Hoehe) - im schlimmsten Fall, siehe mein Screenie aus dem Mozilla, haben dann alle eine unterschiedliche Hoehe.
Besser waere folgende Aufteilung:
http://www.rzuser.uni-heidelberg.de/...cs/newsnew.jpg
Wobei das ganze dann in einer gemeinsamen Tabelle ist, die roten Pfeile zeigen dabei an, was dynamisch vergroesserbar ist. Dazu musst allerdings die Grafiken neu zerteilen, Ich habe mir mal erlaubt, genau das zu machen
In html saehe das dann so aus:

<table border='0' cellspacing='0' cellpadding='0'>
   <tr>
       <td><img src="linksoben.gif"></td>
       <td><img src="mitteoben.gif"></td>
       <td><img src="rechtsoben.gif"></td>
   </tr><tr>
       <td style="background-image:url(linksback.gif)" valign="top"><img src="linksmitte.gif"></td>
       <td style="background-color:#efefef">
          <!-----------------INHALT BEGINN  ----------------------------->

          <!-----------------INHALT ENDE    ----------------------------->
       </td>
       <td style="background-image:url(linksback.gif)" valign="bottom"><img src="rechtsmitte.gif"></td>
   </tr><tr>
       <td><img src="linksunten.gif"></td>
       <td><img src="mitteunten.gif"></td>
       <td><img src="rechtsunten.gif"></td>
   </tr>
</table>

Wenn Du die seitlichen Linien als Hintergrundbild definierst (mit style="background-image:url(linksback.gif)" im td-tag), weden die dann dunamisch immer genauso oft untereinander gepackt, wie die Hoehe der Tabelle das vorgibt.
So sieht das ganze dann aus:
winzige Schrift:
http://www.rzuser.uni-heidelberg.de/...newswinzig.gif
riesige Schrift:
http://www.rzuser.uni-heidelberg.de/...newsriesig.gif
und die Tabelle passt immer hervorragend drumrum. Selber mit der Schriftgroesse spielen kannst du HIER (Schriftgroesse aendern geht bei mir mit Strg oder Shift + Mausrad - ich denke, unter Windows ists aehnlich.)
In den beiden Bildern siehst auch gleich, was ein US-OS mit US-Browser aus deutschen Umlauten macht, naemlich totales Kauderwelsch. Umlaute solle man daher in html 'maskieren'. Das geht folgendermassen:

ä ergibt ä
ö ergibt ö
ü ergibt ü
Ä ergibt Ä
ö ergibt Ö
ü ergibt Ü
ß ergibt ß

Damit hat dann auch kein Ami mehr irgendwelche Probeme, falls er sich mal auf Deine Seite verirren sollte.


Die ganze Seite koenntest Du dann folgendermassen dynamisch Zerlegen:

http://www.rzuser.uni-heidelberg.de/...omplettneu.jpg

oder als Code:

<table>
<tr>
  <td colspan='3'><!-- Banner --></td> <--rot
</tr>
<tr>
  <td><!-- navigation   --></td>  <-- blau
  <td valign='top' style="background-color:#efefef;"><!-- Inhalt - z.B. die Newstabelle + Freiraum --></td> <--gruen&gelb
  <td><!-- rechte Seite --></td>  <-- aqua
</tr>
<tr>
  <td><!-- fusszeile links  --></td>  <-- orange
  <td><!-- fusszeile mitte  --></td>  <--schwarz
  <td><!-- fusszeile rechts --></td> <--violett
</tr>
</table>

Der gelbe Bereich wird dabei automatisch mit der Hintergrundfarbe der Tabellenzelle ( style="background-color:#efefef;" ) ausgelegt.
Rote Pfeile heissen wieder: Das Bild als Hintergrund der Tabellenzelle definieren.

So, jetzt noch ein paar Sachen zu dem Waben-Hintergrunbild. Warum zum Teufel hast Du das denn als ein grosses Bild gemacht? Das kann man doch so schoen kacheln. Ist ja eigentlich Sinn des Hintergrundbildes, das man ein moeglichst kleines, platzsparendes Bildchen so oft neben und untereinander packt, bis es die ganze Seite ausfuellt. Wenn Du im Bad Fliesen verlegst, kaufst du ja auch nicht eine grosse Fliese, die fuer die ganze Wand reicht, sondern viele kleine, mit der Du die Wand dann auskleidest.
Dein Hintergrundbild laest sich reduzieren auf:
http://www.rzuser.uni-heidelberg.de/...ackground1.jpg
Das ergibt, asl Hintergrund gesetzt, folgende Seite kllick mich - also genau das, was Du auch mit einer riesigen Grafik gemacht hast


EDIT: ich hab grade eben fesgestellt, das es genau das font face="MS sans serif" ist, was den Firefox abstuerzen laesst. Bitte bitte dringend aendern. Am besten durch css:

<style type="text/css">
<!--
body,td 
{
  font-family: sans-serif;
  font-size: 12;
  color:#7d7b7b
}
-->
</style>

Einfach in jede Datei zwischen head und body packen. so kannst Du Dir die ganzen font-tags sparen, weil du die Farben und Schriftart/groesse so dateiweit festlegst.[/img]

So, das wars erstmal von mir
Hoffe, ich hab Dich nicht allzu sehr geschockt, vielleicht hilfts Dir ja, zum HTML-Meister aufzusteigen

Gruesse, kerri