In diesem Tutorial möchte ich einen iFrame-Ersatz erklären, der vor allem sehr praktisch ist, wenn man mit PHP arbeitet, da der Inhalt mit einem include angezeigt werden kann. Um zu sehen wie es aussieht: einfach in ein HTML-Dokument kopieren(die Kommentare sind dann nicht sichtbar). Damit ihr das ganze auf eure Wünsche anpassen könnt, habe ich nicht nur die wichtigsten Befehle angegeben sondern alle, die man in diesem Breich gut einsetzen kann.
Script:
<html>
<head>
<title>i-Frame Ersatz</title>
<style type="text/css">
<!--
/* s könnte diese id definiert werden(wichtig sind: height, width und overflow) */
#main {
text-align : left; /* Text ist linksbündig(Standard) andere Werte: center, right */
padding : 0px 0px 0px 0px; /* text hat in keine Richtung Abstand(top, bottom, left, right) */
width: 200px; /* Breite des simulierten Frames */
height: 100px; /* Höhe des simulierten Frames */
overflow: auto; /* Dcrollbalten erscheint wenn der Inhalt zu groß ist. Andere Werte: visible(Element wird ausgedehnt, dass sein Inhalt komplett sichtbar ist. hidden = Element wird abgeschnitten, wenn es die Grenzen überschreitet. scroll = Element wird abgeschnitten, wenn es die Grenzen überschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten. */
background-color:#FFFFFF; /* Hintergrundfarbe in Hex */
border-width:1px; /* dicke des Rahmens(wenn Rahmen nicht erwünscht ist einfach ale border-Angaben weglassen) */
border-style:solid; /* Art des Rahmens. Andere Werte: none = kein Rahmen, hidden = kein Rahmen, dotted = gepunktet, dashed = gestrichelt, solid = durchgezogen, double = doppelt durchgezogen, groove = 3D-Effekt, ridge = 3D-Effekt, inset = 3D-Effekt, outset = 3D-Effekt */
border-color:#FF0000; /* Farbe des Rahmens */
/* Farben des Scrollbalkens */
scrollbar-base-color: #00000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #FFCC00;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #EE0000;
}
-->
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<!-- Tabelle in der der simulierte Frame erscheint -->
<table align=center>
<tr>
<td>
<!-- hier muss ein div mit id hin damit der "Frame"-Bereich definiert werden kann -->
<div id=main>
<!-- Tabelle(oder Ähnliches), die den Inhalt darstellt. -->
<table >
<tr>
<td>
<font size="+1">Dies ist das simulierte Framefenster wenn der text<br>zu grß ist werden Scrollbalken in beiden Richtungen angezeigt damit der Text komplett einsehbar ist.</font>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
Viel Spaß beim ausprobieren und anpassen.