title image


Smiley Mein Einsatz.
Hi,



ich finde für diese Angelegenheit, muss man kein allzu großes Frameset nehmen, d.h. 2 Frames mit jeweils einer Tabelle + einem Netscape Layer-Tag bzw. IFrame (die sollten ja derweil von allen akzeptiert werden) drin sollten genügen.



Ich habe dir dein Bild komplett in HTML umgebastelt, du kannst dir das Ergebnis unter dieser Adresse (öffnet im neuen Fenster) anschauen bzw. hier als Zip-Datei herunterladen.



Die gesamten HTML-Dokumente liste ich hier noch einmal auf:



index.html







<html>

<head>

</head>

<frameset rows="20%,80%" frameborder="0" border="0" framespacing="0">

<frame name="navigation" src="navigation.html" noresize>

<frame name="content" src="content.html" noresize>

</frameset>

</html>







navigation.html







<html>

<head>

</head>

<body style="margin:0cm; padding:0px; background-color:black; text-align:center; vertical-align:middle;" scroll="auto">

<table cellspacing="0" cellpadding="0" style="width:55%; height:100%; table-layout:fixed; z-index:0;">

<tr style="height:36px;">

<td style="width:36px; text-align:right; vertical-align:bottom;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_ol.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

<td style="width:100%; background-image:url(bilder/oberer_rand.jpg); background-repeat:repeat-x; background-position:bottom;">

</td>

<td style="width:36px; text-align:left; vertical-align:bottom;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_or.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

</tr>

<tr style="height:100%;">

<td style="width:36px; background-image:url(bilder/linker_rand.jpg); background-repeat:repeat-y; background-position:right;">

</td>

<td style="width:100%; background-color:white;">

<iframe name="navigation2" src="navigation2.html" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" frameborder="0" style="width:100%;height:100%;"></iframe>

</td>

<td style="width:36px; background-image:url(bilder/rechter_rand.jpg); background-repeat:repeat-y; background-position:left;">

</td>

</tr>

<tr style="height:27px;">

<td style="width:36px; text-align:right; vertical-align:top;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_ul.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

<td style="width:100%; background-image:url(bilder/unterer_rand.jpg); background-repeat:repeat-x; background-position:top;">

</td>

<td style="width:36px; text-align:left; vertical-align:top;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_ur.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>







content.html







<html>

<head>

</head>

<body style="margin:0cm; padding:0px; background-color:black;" scroll="auto">

<table cellspacing="0" cellpadding="0" style="width:101%; height:100%; table-layout:fixed; z-index:0;">

<tr style="height:27px;">

<td style="width:36px; text-align:right; vertical-align:bottom;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_ol.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

<td style="width:100%; background-image:url(bilder/oberer_rand.jpg); background-repeat:repeat-x; background-position:bottom;">

</td>

<td style="width:36px; text-align:left; vertical-align:bottom;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_or.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

</tr>

<tr style="height:100%;">

<td style="width:36px; background-image:url(bilder/linker_rand.jpg); background-repeat:repeat-y; background-position:right;">

</td>

<td style="width:100%; background-color:white;">

<iframe name="content2" src="content2.html" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" frameborder="0" style="width:100%;height:100%;"></iframe>

</td>

<td style="width:36px; background-image:url(bilder/rechter_rand.jpg); background-repeat:repeat-y; background-position:left;">

</td>

</tr>

<tr style="height:36px;">

<td style="width:36px; text-align:right; vertical-align:top;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_ul.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

<td style="width:100%; background-image:url(bilder/unterer_rand.jpg); background-repeat:repeat-x; background-position:top;">

</td>

<td style="width:36px; text-align:left; vertical-align:top;">

<table cellspacing="0" cellpadding="0">

<tr>

<td><img src="bilder/ecke_ur.jpg" style="width:18px; height:18px;"></td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>







navigation2.html







<html>

<head>

</head>

<body style="margin:0cm; padding:0px; background-color:white;" scroll="auto">

<h1 style="text-align:center;">Navigation 2</h1>

</body>

</html>







content2.html







<html>

<head>

</head>

<body style="margin:0cm; padding:0px; background-color:white;" scroll="auto">

<h1 style="text-align:center;">Content 2</h1>

</body>

</html>



verwendet Bilder



bilder/ecke_ol.jpg

bilder/ecke_or.jpg

bilder/ecke_ul.jpg

bilder/ecke_ur.jpg

bilder/oberer_rand.jpg

bilder/rechter_rand.jpg

bilder/unterer_rand.jpg

bilder/linker_rand.jpg





PS: Wenn du jeweils den beiden IFrames "navigation2" und "content2" das Attribut allowtransparenzy="true" und dem Body der jeweils in diese IFrames hineingeladenen Seiten folgende Style-Attribute: background-color:transparent sowie color:zumHintergrundPassendeTextfarbe; verpasst, dann kannst du ein Hintergrundbild jeweils in der Zelle, die den IFrame beinhaltet einfügen, welches dann durch die IFrames durchscheint und fest/fix an seiner Position dargestellt wird, da ja nur im IFrame gescrollt wird.



MfG Murdoch!

aktuelle Winamp Playlist                Hörgewohnheiten (Last.fm)



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: