Transparenter Hintergrund

scubi · 18 Oktober 2007

Moin an alle,
zunächst weiß ich nicht, ob mein problem im richtigen forum ist.
Problem:
Es geht darum, bei meiner website,die ich für die schule machen muss,die Seiten des iFrames mit transparentem Hintergrund zubelegen. Dieses funktioniert auch problemlos im Mozilla Explorer (Seite nicht gefunden! Kostenloses Hosting bei Funpic.de im Internet Explorer funktioniert das nicht.
Ich bedanke mich schon einmal im Vorraus
Hier die Codes der Seiten:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta http-equiv=Page-Enter content="blendTrans(Duration=1)">
                <title>EGS-I BBS&nbsp;Wilhelmshaven</title>
                <style>
    body{background-image:none;background-color:transparent;background-position: center; background-repeat: no-repeat; background-attachment:fixed;}</style>
        <csscriptdict import>
            <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        pre_Lernfelder_1 = newImage('Lernfelder_1.gif');
        pre_links_1 = newImage('links_1.gif');
        pre_home_1 = newImage('home_1.gif');
        pre_disclaimer_1 = newImage('disclaimer_1.gif');
        preloadFlag = true;
    }
}
// --></script>
        </csactiondict>
    </head>
    <body onload="preloadImages();" bgcolor="white" link="blue" vlink="#0066ff" leftmargin="92" marginheight="0" marginwidth="92" topmargin="0">
        <table width="801" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="601" showgridx showgridy usegridx usegridy>
            <tr height="600">
                <td width="800" height="600" valign="top" align="left" xpos="0">
                    <table width="800" border="0" cellspacing="0" cellpadding="0" background="back.gif" height="470">
                        <tr height="130">
                            <td width="800" height="130">
                                <table width="800" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="130" showgridx showgridy usegridx usegridy>
                                    <tr height="96">
                                        <td width="266" height="96" colspan="3"></td>
                                        <td width="338" height="96" colspan="2" valign="top" align="left" xpos="266"><img src="headertest.gif" alt="" height="96" width="300" align="middle" border="0"></td>
                                       <td width="195" height="96"></td>
                                       <td width="1" height="96"><spacer type="block" width="1" height="96"></td>
                                   </tr>
                                   <tr height="33">
                                       <td width="48" height="33"></td>
                                       <td width="192" height="33" valign="top" align="left" xpos="48"><a onmouseover="changeImages('home2','home_1.gif');return true" onmouseout="changeImages('home2','home.gif');return true" href="home.html" target="Inhalt"><img id="home2" src="home.gif" alt="" name="home2" height="32" width="150" border="0"></a></td>
                                       <td width="176" height="33" colspan="2" valign="top" align="left" xpos="240"><a onmouseover="changeImages('Lernfelder','Lernfelder_1.gif');return true" onmouseout="changeImages('Lernfelder','Lernfelder.gif');return true" href="Lernfelder.html" target="Inhalt"><img id="Lernfelder" src="Lernfelder.gif" alt="" name="Lernfelder" height="32" width="150" border="0"></a></td>
                                       <td width="188" height="33" valign="top" align="left" xpos="416"><a onmouseover="changeImages('bilder','links_1.gif');return true" onmouseout="changeImages('bilder','links.gif');return true" href="links.html" target="Inhalt"><img id="bilder" src="links.gif" alt="" name="bilder" height="32" width="150" border="0"></a></td>
                                       <td width="195" height="33" valign="top" align="left" xpos="604"><a onmouseover="changeImages('impressum','disclaimer_1.gif');return true" onmouseout="changeImages('impressum','disclaimer.gif');return true" href="disclaimer.html" target="Inhalt"><img id="impressum" src="disclaimer.gif" alt="" name="impressum" height="32" width="150" border="0"></a></td>
                                       <td width="1" height="33"><spacer type="block" width="1" height="33"></td>
                                   </tr>
                                   <tr height="1" cntrlrow>
                                       <td width="48" height="1"><spacer type="block" width="48" height="1"></td>
                                       <td width="192" height="1"><spacer type="block" width="192" height="1"></td>
                                       <td width="26" height="1"><spacer type="block" width="26" height="1"></td>
                                       <td width="150" height="1"><spacer type="block" width="150" height="1"></td>
                                       <td width="188" height="1"><spacer type="block" width="188" height="1"></td>
                                       <td width="195" height="1"><spacer type="block" width="195" height="1"></td>
                                       <td width="1" height="1"></td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                       <tr height="450">
                           <td width="800" height="450">
                               <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" cool gridx="16" gridy="16" height="470" showgridx showgridy usegridx usegridy>
                                   <tr height="469">
                                     <td width="32" height="469"></td>
                                     <td width="767" height="469" valign="top" align="left" xpos="32">
                                          <iframe id="Inhalt" name="Inhalt" src="home.html" frameborder="0" scrolling="no" align="middle" height="432" width="736" </iframe>
                                     </td>
                                     <td width="1" height="469"><spacer type="block" width="1" height="469"></td>
                                   </tr>
                                   <tr height="1" cntrlrow>
                                     <td width="32" height="1"><spacer type="block" width="32" height="1"></td>
                                     <td width="767" height="1"><spacer type="block" width="767" height="1"></td>
                                     <td width="1" height="1"></td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                  </table>
             </td>
             <td width="1" height="600"><spacer type="block" width="1" height="600"></td>
          </tr>
          <tr height="1" cntrlrow>
             <td width="800" height="1"><spacer type="block" width="800" height="1"></td>
             <td width="1" height="1"></td>
          </tr>
       </table>
       <map name="home"></map>
       <p></p>
   </body>
</html>

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
      <meta http-equiv=Page-Enter content="blendTrans(Duration=1)">
      <title>Home</title>
   </head>
   <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
      <table width="736" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="432" showgridx showgridy usegridx usegridy>
           <tr height="16">
              <td width="735" height="16" colspan="5"></td>
              <td width="1" height="16"><spacer type="block" width="1" height="16"></td>
           </tr>
           <tr height="112">
              <td width="16" height="112"></td>
              <td content csheight="24" width="39" height="112" valign="top" xpos="16"><font face="Zapf Chancery, Comic Sans MS, cursive">Home</font></td>
              <td width="680" height="112" colspan="3"></td>
              <td width="1" height="112"><spacer type="block" width="1" height="112"></td>
           </tr>
           <tr height="303">
             <td width="64" height="303" colspan="3"></td>
             <td content csheight="70" width="608" height="303" valign="top" xpos="64">
                   <div align="center">
                       <font face="Zapf Chancery, Comic Sans MS, cursive"><font size="+2">Herzlich Wilkommen auf der Homepage der Klasse EGS&nbsp;I der </font><font size="+3">B</font><font size="+2">erufs</font><font size="+3">B</font><font size="+2">ildende </font><font size="+3">S</font><font size="+2">chulen Friedenstra&szlig;e </font></font></div>
               </td>
               <td width="63" height="303"></td>
               <td width="1" height="303"><spacer type="block" width="1" height="303"></td>
           </tr>
           <tr height="1" cntrlrow>
             <td width="16" height="1"><spacer type="block" width="16" height="1"></td>
             <td width="39" height="1"><spacer type="block" width="39" height="1"></td>
             <td width="9" height="1"><spacer type="block" width="9" height="1"></td>
             <td width="608" height="1"><spacer type="block" width="608" height="1"></td>
             <td width="63" height="1"><spacer type="block" width="63" height="1"></td>
             <td width="1" height="1"></td>
           </tr>
       </table>
       <p></p>
   </body>
</html>

Maxi · 18 Oktober 2007

scubi

verwende bitte das nächste Mal, wenn du hier Codes postest die Code-Tags (siehe Forenregeln). Dieses Mal habe ich sie noch editiert.

Danke.

scubi · 18 Oktober 2007

Hi Maxi,

danke, dass du das noch einmal geändert hast, ich weiß jedoch nicht, wie man das hier so einfügt :mrgreen:.

Danke trotzdem

Maxi · 18 Oktober 2007

Steht genau in den Forenregeln ;-)
§ 2, Punkt 2 ists genau beschrieben...

nichtsgeht · 18 Oktober 2007

Transparenter Hintergrund in Frames hatten wir schon sooft. Mit der Forumsuche wärst du z.B. hierdrauf gestoßen: ;)
http://www.html.de/html-und-xhtml/12442-frames-ie-nicht-transparent.html

scubi · 19 Oktober 2007

Hi ja ich habe dass schon einmal probiert, jedoch hat es nie funktioniert,also wenn ich das jetzt richtig verstanden habe, dann füge ich einfach bei den seiten die den transparenten hintergrund haben den befehl zwiscnen dem body ein?
body
{
background-color: transparent;
allowtransparency: true;
}

nichtsgeht · 19 Oktober 2007

Nee, das gehört in den HEAD-Bereich

Code:

<head>
<title>Meine Seite</title>
<style type="text/css">
  body {
    background-color: transparent;
        allowtransparency: true;  
  }
</style>
</head>
<body>
 ...

scubi · 19 Oktober 2007

Hi also ich hab das jetz eingefügt, doch es geht komischer weise nicht .. -.- .

Hier noch ma die geänderten codes:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
        <meta http-equiv=Page-Enter content="blendTrans(Duration=1)">
        <title>Home</title>
        <style>
        {body background-color:transparent;
allowtransparency: true;  }</style>
    </head>
    
            
    

    <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
        <table width="736" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="432" showgridx showgridy usegridx usegridy>
            <tr height="16">
                <td width="735" height="16" colspan="5"></td>
                <td width="1" height="16"><spacer type="block" width="1" height="16"></td>
            </tr>
            <tr height="112">
                <td width="16" height="112"></td>
                <td content csheight="24" width="39" height="112" valign="top" xpos="16"><font face="Zapf Chancery, Comic Sans MS, cursive">Home</font></td>
                <td width="680" height="112" colspan="3"></td>
                <td width="1" height="112"><spacer type="block" width="1" height="112"></td>
            </tr>
            <tr height="303">
                <td width="64" height="303" colspan="3"></td>
                <td content csheight="70" width="608" height="303" valign="top" xpos="64">
                    <div align="center">
                        <font face="Zapf Chancery, Comic Sans MS, cursive"><font size="+2">Herzlich Wilkommen auf der Homepage der Klasse EGS&nbsp;I der </font><font size="+3">B</font><font size="+2">erufs</font><font size="+3">B</font><font size="+2">ildende </font><font size="+3">S</font><font size="+2">chulen Friedenstra&szlig;e </font></font></div>
                </td>
                <td width="63" height="303"></td>
                <td width="1" height="303"><spacer type="block" width="1" height="303"></td>
            </tr>
            <tr height="1" cntrlrow>
                <td width="16" height="1"><spacer type="block" width="16" height="1"></td>
                <td width="39" height="1"><spacer type="block" width="39" height="1"></td>
                <td width="9" height="1"><spacer type="block" width="9" height="1"></td>
                <td width="608" height="1"><spacer type="block" width="608" height="1"></td>
                <td width="63" height="1"><spacer type="block" width="63" height="1"></td>
                <td width="1" height="1"></td>
            </tr>
        </table>
        <p></p>
    </body>

</html>

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta http-equiv=Page-Enter content="blendTrans(Duration=1)">
                <title>Index</title>
                <style>
    body{background-color:transparent;allowtransparency: true;}</style>
        <csscriptdict import>
            <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        pre_Lernfelder_1 = newImage('Lernfelder_1.gif');
        pre_links_1 = newImage('links_1.gif');
        pre_home_1 = newImage('home_1.gif');
        pre_disclaimer_1 = newImage('disclaimer_1.gif');
        preloadFlag = true;
    }
    
}

// --></script>
        </csactiondict>
    </head>
    
    

    <body onload="preloadImages();" bgcolor="white" link="blue" vlink="#0066ff" leftmargin="92" marginheight="0" marginwidth="92" topmargin="0">
        <table width="801" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="601" showgridx showgridy usegridx usegridy>
            <tr height="600">
                <td width="800" height="600" valign="top" align="left" xpos="0">
                    <table width="800" border="0" cellspacing="0" cellpadding="0" background="back.gif" height="470">
                        <tr height="130">
                            <td width="800" height="130">
                                <table width="800" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="130" showgridx showgridy usegridx usegridy>
                                    <tr height="96">
                                        <td width="266" height="96" colspan="3"></td>
                                        <td width="338" height="96" colspan="2" valign="top" align="left" xpos="266"><img src="headertest.gif" alt="" height="96" width="300" align="middle" border="0"></td>
                                        <td width="195" height="96"></td>
                                        <td width="1" height="96"><spacer type="block" width="1" height="96"></td>
                                    </tr>
                                    <tr height="33">
                                        <td width="48" height="33"></td>
                                        <td width="192" height="33" valign="top" align="left" xpos="48"><a onmouseover="changeImages('home2','home_1.gif');return true" onmouseout="changeImages('home2','home.gif');return true" href="home.html" target="Inhalt"><img id="home2" src="home.gif" alt="" name="home2" height="32" width="150" border="0"></a></td>
                                        <td width="176" height="33" colspan="2" valign="top" align="left" xpos="240"><a onmouseover="changeImages('Lernfelder','Lernfelder_1.gif');return true" onmouseout="changeImages('Lernfelder','Lernfelder.gif');return true" href="Lernfelder.html" target="Inhalt"><img id="Lernfelder" src="Lernfelder.gif" alt="" name="Lernfelder" height="32" width="150" border="0"></a></td>
                                        <td width="188" height="33" valign="top" align="left" xpos="416"><a onmouseover="changeImages('bilder','links_1.gif');return true" onmouseout="changeImages('bilder','links.gif');return true" href="links.html" target="Inhalt"><img id="bilder" src="links.gif" alt="" name="bilder" height="32" width="150" border="0"></a></td>
                                        <td width="195" height="33" valign="top" align="left" xpos="604"><a onmouseover="changeImages('impressum','disclaimer_1.gif');return true" onmouseout="changeImages('impressum','disclaimer.gif');return true" href="disclaimer.html" target="Inhalt"><img id="impressum" src="disclaimer.gif" alt="" name="impressum" height="32" width="150" border="0"></a></td>
                                        <td width="1" height="33"><spacer type="block" width="1" height="33"></td>
                                    </tr>
                                    <tr height="1" cntrlrow>
                                        <td width="48" height="1"><spacer type="block" width="48" height="1"></td>
                                        <td width="192" height="1"><spacer type="block" width="192" height="1"></td>
                                        <td width="26" height="1"><spacer type="block" width="26" height="1"></td>
                                        <td width="150" height="1"><spacer type="block" width="150" height="1"></td>
                                        <td width="188" height="1"><spacer type="block" width="188" height="1"></td>
                                        <td width="195" height="1"><spacer type="block" width="195" height="1"></td>
                                        <td width="1" height="1"></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr height="450">
                            <td width="800" height="450">
                                <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" cool gridx="16" gridy="16" height="470" showgridx showgridy usegridx usegridy>
                                    <tr height="469">
                                        <td width="32" height="469"></td>
                                        <td width="767" height="469" valign="top" align="left" xpos="32">
                                            <iframe id="Inhalt" name="Inhalt" src="home.html" frameborder="0" scrolling="no" align="middle" height="432" width="736" </iframe>
                                        </td>
                                        <td width="1" height="469"><spacer type="block" width="1" height="469"></td>
                                    </tr>
                                    <tr height="1" cntrlrow>
                                        <td width="32" height="1"><spacer type="block" width="32" height="1"></td>
                                        <td width="767" height="1"><spacer type="block" width="767" height="1"></td>
                                        <td width="1" height="1"></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="1" height="600"><spacer type="block" width="1" height="600"></td>
            </tr>
            <tr height="1" cntrlrow>
                <td width="800" height="1"><spacer type="block" width="800" height="1"></td>
                <td width="1" height="1"></td>
            </tr>
        </table>
        <map name="home"></map>
        <p></p>
    </body>

</html>

Transparenter Hintergrund

scubi

Neues Mitglied

Maxi

Neues Mitglied

scubi

Neues Mitglied

Maxi

Neues Mitglied

nichtsgeht

Neues Mitglied

scubi

Neues Mitglied

nichtsgeht

Neues Mitglied

scubi

Neues Mitglied

Neueste Beiträge