Jetzt kommt ein wichtiger Punkt: Nehmen wir an, Du machst einen Frame 100 Pixel breit links und 100 Pixel breit rechts. Da Du einen Bildschirm mit 800x600 Pixel hast, machst Du den 3., mittleren Bereich 600 Pixel breit. Alles sieht prima aus... für Dich. Mein Bildschirm ist nur 640x480. Die 100-Pixel-Frames in Deiner Seite sind jetzt nur 80 Pixel breit auf meinem Bildschirm. Wenn Du absolute Grössen in Deinen <FRAMESET> Tags verwendest, solltest Du IMMER mindestens auch einen * Frame als elastischen Frame verwenden. So wird alles bei allen gut aussehen und es gibt wieder Frieden im Land.
Dies ist Ursache eines üblichen Problems mit Frames, auf das ich Deine besondere Beachtung lenken wollte. Ein weitverbreitetes Frame-Layout ist ein schmaler Navigations-Frame links und ein breiterer Frame rechst, wie hier. Jetzt kommt das Problem... Wenn Du die Fenster prozentual aufteilst (wie zum Beispiel mit <FRAMESET COLS="15%,85%">) wird bei Dir wahrscheinlich alles prima aussehen. Aber bei jemandem mit einer anderen Bildschirmauflösung wird es vielleicht so aussehen.
Der Grund dafür ist, dass Du für das linke Fenster 15% festgelegt hast. 15% wovon? 15% von der tatsächlichen Bildschirmbreite des Betrachters. Das heisst, dass das linke Fenster ein wenig anders bei anderen Leuten aussehen kann. Wie kann ich das beheben, fragst Du? Schön, dass Du fragst... Verwende einfach eine absolute Breite für das linke Fenster und mache das rechte Fenster elastisch (wie zum Beispiel mit <FRAMESET COLS="120,*">). Bingo. Problem gelöst.
Es ist gut, wenn Du die absolute Grösse ein wenig grösser als nötig machst. Das gibt dem Inhalt im linken Frame etwas mehr Platz zum Atmen. Wenn zum Beispiel 100 Pixel genau passend sind... mach das Fenster 120 oder 125 Pixel breit.
Eine gute und schmerzlose Art, um Dein Layout in verschiedenen Auflösungen zu testen ist das praktische, kleine MS PowerToy namens Quickres.
Wir können mehr als einen übrigen Frame haben und die Beziehung zwischen ihnen festlegen.
<FRAMESET COLS="50,*,2*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> </FRAMESET>
SCHAU'S DIR AN
Übersetzt heisst das: mache 3 Frames. Mache den ersten Frame 50 Pixel breit. Teile den Rest zwischen den Frames 2 und 3 auf, aber mache den Frame 3 zweimal so gross wie Frame 2. Zeige Lisa im ersten Frame an, Terri im Zweiten Frame und Kim im Dritten.
Es ist wichtig, festzuhalten, das alles korrekt gemacht wurde. Der ersten <FRAME> wird gemäss des ersten Grössenattributs im <FRAMESET> Tag (50/lisa) angezeigt, und der Zweite mit dem Zweiten (*/terri) und der Dritte mit dem Dritten (2*/kim). Ich weiss, das erscheint alles einleuchtend, aber es ist sehr wichtig und ich wollte nochmals Deine Aufmerksamkeit darauf lenken.
Was, wenn wir Kim horizontal in der Hälfte teilen möchten? Erinnere Dich, dass ich sagte, wenn Du etwas teilen möchtest, muss das der <FRAMESET> Tag machen. Zuerst ersetzen wir Kim mit einem Paar <FRAMESET> Tags.
<FRAMESET COLS="50,*,2*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAMESET> </FRAMESET> </FRAMESET>
Bis jetzt haben wir dem Browser gesagt: Mache 3 Frames. Mache den ersten 50 Pixel breit. Teile den Rest zwischen den Frames 2 und 3 auf, aber mache den Frame 3 zweimal so gross wie Frame 2. Zeige Lisa im ersten Frame an, Terri im zweiten Frame und der dritte Frame wird weiter unterteilt. jetzt müssen festlegen, wie wir den dritten Frame aufteilen.
Wir werden in horizontal halbieren.
<FRAMESET COLS="50,*,2*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAMESET ROWS="50%,50%"> </FRAMESET> </FRAMESET>
Und ich denke, wir legen Kim nach oben und Tina nach unten. Und das war's.
<FRAMESET COLS="50,*,2*">
<FRAME SRC="lisa.html">
<FRAME SRC="terri.html">
<FRAMESET ROWS="50%,50%">
<FRAME SRC="kim.html">
<FRAME SRC="tina.html">
</FRAMESET>
</FRAMESET>