_Julia_: Weißer Hintergrund bei iFrame

Guten Abend zusammen,

ich weiß, die meisten halten nichts von iFrames, aber davon möchte ich nichts hören, ich möchte nur wissen, ob mir jemand bei meinem Problem helfen kann.

Wenn ich meine Homepage mit dem IE und mit Chrome öffe, habe ich nicht den gewünschten transparenten Hintergund, sondern einen weißen. Mit FF wird alles korrekt dargestellt.
Nur die Startseite wird in jedem Browser einwandfrei angezeigt.
Auf den Seiten Welpen, Wurfplanung, A-Wurf und Aufzucht habe ich vorübergehnd ein BG-Image eingefügt, das möchte ich aber nicht dauerhaft haben.

Hier die Links zum Format: http://file1.npage.de/006353/17/html/format.css
und zum Menü: http://file1.npage.de/006353/17/html/menue.css

Ich habe bereits überall allowtransparency="true" hinzugefügt und u.A. in den Body <body style="background:transparent"> eingefügt.
Ich habe es mit background:transparent, background-color:transparent und mit einem transparenten "Pixel" background-image:url(http://file1.npage.de/006353/17/bilder/transparent.png) versucht - keine Chance :(

Ich hoffe ihr könnt mir helfen, ich finde den Fehler einfach nicht.

Einen schönene Abend und liebe Grüße,
Julia

  1. Räum erstmal auf

    12 Fehler allein auf der ersten Frame-Ebene. Die anderen 3(!) Ebenen habe ich garnicht mehr übreprüft. Das ist ja kaum zu debuggen.

    1. Räum erstmal auf

      12 Fehler allein auf der ersten Frame-Ebene. Die anderen 3(!) Ebenen habe ich garnicht mehr übreprüft. Das ist ja kaum zu debuggen.

      Das sind keine "echten" Fehler, was als Fehler angezeigt wird sind ja nur < > und ", aber die sind alle korrekt. Und einen Doctype habe ich auch auf jeder Seite.

      Hier der HTML Code von der "Navigation" - Seite:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
      <html>
      <head>
      <link rel="SHORTCUT ICON" href="http://www4.pic-upload.de/29.03.10/j8rfh62vq2.gif">
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <meta name="robots" content="INDEX,FOLLOW">
      <meta name="page-type" content=" homepage">
      <title>Lost Island Mini Aussies</title>
      <!--  Der  Copyright-Hinweis ist nicht zu löschen. Ein Entfernen  des  Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach  sich  ziehen -->
      <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
      
      
      
      <link rel="stylesheet" href="http://file1.npage.de/006353/17/html/format.css" type="text/css">
      <link rel="stylesheet" href="http://file1.npage.de/006353/17/html/menue.css" type="text/css">
      </head><body class="backmain" scroll="no">
      
      <table id="main" align="center" border="0" cellpadding="0" cellspacing="0" height="100%">
      
      <tbody><tr>
      
      <td valign="top" width="100%">
      
      
      <table width="100%" border="0" cellpadding="5" cellspacing="0" height="100%">
      <tbody><tr>
      <td id="top"><span id="hpname"></span></td>
      </tr>
      <tr>
      
      <td width="100%" height="100%">
      
      
      <table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" height="100%" allowTransparency="true" style="background-color:transparent">
      <tbody><tr>
      
      <td id="sp1" height="100%">
      <!-- beginn hauptinhaltszelle-->
      <iframe src="http://lost-island-aussies.npage.de/home.html" align="middle" name="haupt" width="940" height="770" frameborder="0" scrolling="auto" id="inframe" allowTransparency="true" marginheight="0px" marginwidth="0px">Lost Island Mini Aussies</iframe>
      <!--ende hauptinhaltszelle-->
      
      </td>
      </tr>
      </tbody></table>
      </td>
      <!--links ende-->
      
      
      <!--rechts-->
      <td width="20%">
      
      <table width="250" border="0" cellpadding="0" cellspacing="0" height="100%">
      <tbody><tr>
      <td height="100%">
      
      <table width="250" align="left" border="0" cellpadding="0" cellspacing="0" height="100%">
      <tbody><tr>
      <td>
      <ul class="liste2">
      <li><a href="http://lost-island-aussies.npage.de/home_49800657.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/home1.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/wir_23658147.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/uberuns1.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/mini_aussie_55916217.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/derminiaussie1.gif" height="25" border="0"></a></li>
      <li><a href="http://parsonofpirates.npage.de/willkommen_home_98217954.html" target="_blank"><img src="http://file1.npage.de/006353/17/bilder/prt1.gif" height="25" border="0"></a></li>
      <li><font color="#FFFFFF">&#9794;</font> <a href="http://charlie.de.to" target="_blank"><img src="http://file1.npage.de/006353/17/bilder/charlie.gif" height="25" border="0"></a></li>
      <li><font color="#FFFFFF">&#9792;</font> <a href="http://jenna.de.to" target="_blank"><img src="http://file1.npage.de/006353/17/bilder/jenna.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-miniaussies.blogspot.com/"><img src="http://file1.npage.de/006353/17/bilder/aktuelles.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/welpen_64002241.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/welpen.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/wurfplanung_9234795.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/wurfplaung1.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/nachzucht_70058975.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/nachzucht.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/bilder_85770156.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/bilder.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/videos_8629290.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/videos.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/gästebuch_62715951.html"target="haupt"><img src="http://file1.npage.de/006353/17/bilder/gastebuch.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/kontakt_74471663.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/kontakt.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/impressum_44831818.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/impressum.gif" height="25" border="0"></a></li>
      <li><a href="http://lost-island-aussies.npage.de/links_76870403.html "target="haupt"><img src="http://file1.npage.de/006353/17/bilder/links.gif" height="25" border="0"></a></li>
      </ul>
      <!--MENU 01 ENDE-->
      
      </td>
      
      </tr>
      </tbody></table>
      <!-- ende inhalt-->
      </td>
      </tr>
      </tbody></table>
      </td>
      </tr>
      
      <tr>
      <td id="fuss"></td>
      </tr>
      </tbody></table>
      </td>
      </tr>
      </tbody></table>
      </body></html>
      

      Und von der "Home" - Seite:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
              "http://www.w3.org/TR/html4/frameset.dtd">
      <html>
      <head>
      <link rel="SHORTCUT ICON" href="http://file1.npage.de/006353/17/bilder/li-icon.gif">
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <meta name="robots" content="INDEX,FOLLOW">
      <meta name="page-type" content=" homepage">
      <title>Lost Island Mini Aussies</title>
      <!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
      <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
      
      <link rel="stylesheet" href="http://file1.npage.de/006353/17/html/format.css" type="text/css">
      </head>
      <body style="background-image:url(http://file1.npage.de/006353/17/bilder/transparent.png)">
      
      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" height="100%" allowTransparency="true" style="background-image:url(http://file1.npage.de/006353/17/bilder/transparent.png)">
      
      <tbody><tr>
      
      <td id="inhalt">
      <h2>Herzlich Willkommen bei den...</h2>
      <br>
      <justify>
      <table>
          <tbody>
              <tr>
                <td><a href="http://mini-aussies.de.to" target="_blank"><img border="1" src="http://file1.npage.de/006353/17/bilder/li-banner.jpg"></a></td>
                <td><h2>Miniature American Shepherd's</h2></td>
              </tr>
          </tbody>
      </table><br>
      Hier entsteht eine kleine Hobby-/ Liebhaberzucht mit unseren beiden Mini Aussies "Charlie" und "Jenna".
      <br>
      <br>
      <br>
      Unsere Hunde leben alle friedlich mit uns, unserem Kater und Kaninchen zusammen in der Wohnung, Zwinger gibt es bei uns nicht, denn f&uuml;r uns sind die Hunde Familienmitglieder und die Zucht mit ihnen ist reines Hobby, das trotzdem mit viel Verstand, der n&ouml;tigen Zuneigung und Verantwortung betrieben wird!
      <br>
      <br>
      Zwischen unseren Hunden gibt es keinerlei Eifersucht, Futterneid, etc. jeder kann &uuml;berall liegen und mit jedem Spielzeug spielen, auch wenn eine H&uuml;ndin l&auml;ufig ist, gibt es weder zwischen den H&uuml;ndinnen, noch zwischen den R&uuml;den Streitigkeiten.
      <br>
      Denn vom Wesen her sind unsere Hunde sehr angenehm und unproblematisch im Umgang mit allen m&ouml;glichen Alltagssituationen. Sie sind aufmerksam und ausgegelichen, zu Hause ruhig und unterwegs fordernd und aktiv. Sie sind der perfekter Familienhund f&uuml;r Leute die viel Zeit f&uuml;r eine intensive Besch&auml;ftigung und Auslastung eines H&uuml;tehundes haben, gerne drau&szlig;en unterwegs sind und einem (H&uuml;te-)Hund das bieten k&ouml;nnen, was er an Aufmerksamkeit und Zuneigung braucht, um zufrieden zu sein.
      <br>
      <br>
      Gef&uuml;ttert werden unsere Hunde nur mit hochwertigem Hundefutter mit einem Frischfleischanteil von mindestens 70% bis 100% und BIO-Gem&uuml;se. Alles <u>ohne</u> k&uuml;nstliche Zusatzstoffe, Konservierungs-, Zucker- und Farbstoffe, Sojaprodukte, sowie tierischen oder pflanzlichen Nebenprodukte und Formfleisch!<br>
      Morgens bekommen sie hochwertiges Trockenfutter gemischt mit <a href="http://landfleisch.com/de/hundenahrung/landfleisch/" target="_blank">Dr. Alder's LandFleisch PUR</a> und abends bekommen sie <a href="http://www.barf-fuer-hunde.de/" target="_blank">B.A.R.F.</a>
      <br>
      <br>
      Au&szlig;erdem gehen wir 3 mal t&auml;glich mit allen zusammen insgesamt ca. 2-3 Stunden spazieren und gehen zus&auml;tzlich fast jedes Wochenende auf den Hundeplatz um dort THS (<a href="https://docs.google.com/fileview?id=0B8hPxut0UdQYMmJkMmI1MTMtOWExOS00Y2EwLTliN2YtZDMzYTFhMzY1Njlh&amp;hl=en"target="_blank">Turnierhundesport</a>) zu machen.<br>
      Da unsere Hunde unterwegs weder Halsband noch Leine brauchen, ist auch das Fahrrad fahren kein Problem - sobald im Fr&uuml;hjahr kein Schnee mehr liegt, legen wir unsere Spazierg&auml;nge 2-3 mal t&auml;glich mit dem Fahhrad zur&uuml;ck, solange bis im Winter wieder Schnee f&auml;lllt. Nat&uuml;rlich achten wir dabei immer auf die Gesundheit unserer Hunde, damit sie im Sommer bei hohen Temperaturen, auch im schattig und meist angenehm k&uuml;hlen Wald, nicht "zu hei&szlig; laufen", haben wir immer gen&uuml;gend Wasser dabei oder fahren den Bach entlang, damit sie sich stehts abk&uuml;hlen k&ouml;nnen.
      <br>
      <br>
      Wir w&uuml;nschen Ihnen viel Spa&szlig; beim st&ouml;bern auf unserer Website und hoffen, dass es Ihnen hier gef&auml;llt und Sie uns bald wieder besuchen! Auch &uuml;ber einen Pfotenabdruck in unserem G&auml;stebuch w&uuml;rden wir uns sehr freuen ;-)
      <br>
      <br>
      <br>
      Viele liebe Gr&uuml;&szlig;e<br>
      Gabi und Julia Bettendorf mit Russellbande und Mini Aussies
      </justify>
      <br>
      <br>
      
      <SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c128586&offset=5&style=2"></SCRIPT>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      
      <table width="850" cellspacing="1" cellpadding="1" border="0">
          <tbody>
              <tr>
                  <td style="text-align: left;">Unsere Welpen erhalten Papiere vom:</td>
              </tr>
              <tr>
                  <td style="text-align: center;"><img height="145" src="http://file1.npage.de/006353/17/bilder/masca.gif" alt="" /></td>
                  <td style="text-align: center;"><img height="160" src="http://file1.npage.de/006353/17/bilder/mascusa.png" alt="" /></td>
                  <td style="text-align: center;"><img height="145" src="http://file1.npage.de/006353/17/bilder/akc.png" alt="" /></td>
              </tr>
              <tr>
                <td style="text-align: center;"><a href="http://mascaonline.com/" target="_blank"><font color="#FFF">Miniature Australian Shepherd Club of America</font></a></td>
                <td style="text-align: center;"><a href="http://www.mascusa.org/" target="_blank"><font color="#FFF">Miniature American Shepherd Club of the USA</font></a></td>
                <td style="text-align: center;"><a href="http://www.akc.org/breeds/miniature_american_shepherd/" target="_blank"><font color="#FFF">American Kennel Club</font></a></td>
              </tr>
          </tbody>
      </table>
      </td><!-- ende inhalt-->
      <!-- abstand nach rechts--><td><img src="http://file1.npage.de/006353/17/bilder/pixelspace.gif" alt="" width="10" border="0" height="1"></td>
      </tr>
      </tbody></table>
      </body></html>
      
      1. Das sind keine "echten" Fehler, was als Fehler angezeigt wird sind ja nur < > und ", aber die sind alle korrekt.

        Es sind vielleicht Folgefehler, aber echt sind sie trotzdem.

        Und einen Doctype habe ich auch auf jeder Seite.

        Nö.

        Hier der HTML Code von der "Navigation" - Seite:

        Ich weiß schon, wie ich an den Quelltext komme, wenn ich möchte. Aber bis ich mich in deiner Framehölle orientiert habe, ist mir ein meterlanger Bart gewachsen und das steht mir nicht.

        Ich habe nichts gegen den Einsatz von Frames, wenn sie mit Bedacht verwendet werden. Du schleuderst aber mit Frames um dich, als wären sie Mittel für alles.

        1. Das sind keine "echten" Fehler, was als Fehler angezeigt wird sind ja nur < > und ", aber die sind alle korrekt.

          Es sind vielleicht Folgefehler, aber echt sind sie trotzdem.

          Warum kann ich sie dann nicht finden, wenn ich in der angegebenen Zeile danach suche?

          Und einen Doctype habe ich auch auf jeder Seite.

          Nö.

          Na klar, ich habe auf jeder einzelnen Seite eine Dokumenttyp-Deklaration.
          Ich habe alle versucht, aber keinen gefunden mit dem das Problem behoben wird, trotzdem habe ich auf jeder Seite einen angegeben.

          Hier der HTML Code von der "Navigation" - Seite:

          Ich weiß schon, wie ich an den Quelltext komme, wenn ich möchte. Aber bis ich mich in deiner Framehölle orientiert habe, ist mir ein meterlanger Bart gewachsen und das steht mir nicht.

          Ich habe nichts gegen den Einsatz von Frames, wenn sie mit Bedacht verwendet werden. Du schleuderst aber mit Frames um dich, als wären sie Mittel für alles.

          Das ist mir bewusst, dass du weißt wie du an den Quelltext kommst, aber ich dachte es ist einfacher, wenn ich ihn hier poste und ihn jeder dirket einsehen kann.

          Ich habe das Design aus einer Vorlage von on-mouseover, ich habe es nicht selbst gecodet, nur meine Links zu Bildern und textseiten eingefügt und die Farben geändert.

          Das letzte hlabe Jahr hat alles super funktioniert - in jedem Browser - und letzte Woche habe ich wohl versehntlich etwas verändert, als ich eine Seite aktualisiert habe, aber ich weiß nicht was :(

          1.   
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">  
            <html>  
            <head>  
            <link rel="SHORTCUT ICON" href="http://www4.pic-upload.de/29.03.10/j8rfh62vq2.gif">  
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
            <meta name="robots" content="INDEX,FOLLOW">  
            <meta name="page-type" content=" homepage">  
            <title>Lost Island Mini Aussies</title>  
            <!--  Der  Copyright-Hinweis ist nicht zu löschen. Ein Entfernen  des  Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach  sich  ziehen -->  
            <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->  
            <link rel="stylesheet" href="http://file1.npage.de/006353/17/html/format.css" type="text/css">  
            <link rel="stylesheet" href="http://file1.npage.de/006353/17/html/menue.css" type="text/css">  
            <title> Lost Island Mini Aussies</title>  
            <meta http-equiv="content-language" content="de">  
            <meta name="description" content="Miniature Australien Shepherd / Mini Aussie; Langundo von der Grube Eupel; Fairy - Floss' Red Haze; Deutschland, Hessen; Wiesbaden, Gabi und Julia Bettendorf, Tino, Wolke, Suki, Charlie, Jenna, Parson Russell Terrier; MASCA; NAMASCUSA">  
            <meta name="robots" content="index, follow">  
            <script type="text/javascript">var page_number = 1;</script>  
            <script type="text/javascript" src="show_ads.js"></script>  
            <head>  
            <link rel="SHORTCUT ICON" href="http://www4.pic-upload.de/29.03.10/j8rfh62vq2.gif">  
            </head>  
            <base href="http://lost-island-aussies.npage.de/">  
            </head>  
            <body class="backmain" scroll="no">  
            
            

            Keine echten Fehler?
            analysiere Mal auf den <head>-Tag, der ist etwas verwurschtelt

            1. Keine echten Fehler?
              analysiere Mal auf den <head>-Tag, der ist etwas verwurschtelt

              Hä? wo hast du den den her?
              Wenn ich den Quelltext über npage öffne um ihn zu bearbeiten, habe ihc nur einen <head>-Tag, ds ist nicht so ein Chaos. Wie kann das sein?
              Bei mir sieht es so aus, wie ich es hier gepostet habe.

              1. Hallo Julia,

                ich hab mal einen Screenshot gemacht > siehe URL

                mittlerweile ist dieser Fehler allerdings beseitigt, aber im Gegensatz zu deinen ansprechenden Layouts ist das FRAME in FRAME gedöns mit den 3-Ebenen tief verschachtelten Tabelle alles andere nur nicht ansprechend. So war das vor der Jahrtausendwende aber doch heute nicht mehr. Ich würde dir empfehlen die Templates radikal zu entschlacken... oder mich nach moderneren umsehen.

                gruss kai

                1. aber im Gegensatz zu deinen ansprechenden Layouts ist das FRAME in FRAME gedöns mit den 3-Ebenen tief verschachtelten Tabelle alles andere nur nicht ansprechend. So war das vor der Jahrtausendwende aber doch heute nicht mehr. Ich würde dir empfehlen die Templates radikal zu entschlacken... oder mich nach moderneren umsehen.

                  Kannst du mir da irgendwie bei helfen? Ich habe nicht besonders viel Ahnung davon und möchte das Design vom Aussehen her aber behalten, wie es aufgebaut ist, ist mir ziemlich egal, Hauptsache es funktioniert... ;-)

                  1. Hallo Julia,

                    wo soll ich anfangen? Deine Startseite ist 976 KB Fett, eindeutig überfüttert ;-). Ich habe dir die Startseite auf 84KB abgemagert und sie in der URL hinterlegt.

                    Deine Version funktioniert, aber für jeden Entwickler der sich gerade mit den aktuellen Standards beschäftigt (HTML5, CSS3) ist diese funktionierende Version kaum zum aushalten. Die Vorlage die du verwendest… da graust es einem, sie funktioniert ja…, doch wie … ganz ehrlich …

                    Ich denke für deine Zwecke solltest du dich unbedingt nach einem aktuellen Template umschauen.

                    Schau dir zB. diese Seite an http://www.drweb.de/magazin/die-besten-freien-wordpress-themes-des-monats-oktober-2012-36535/
                    da findest du eine kleine Auswahl von Vorlagen, die auf der Höhe der Zeit sind und die sich so anpassen lassen, das es deinem Entwurf entspricht.

                    lg kai

                    1. Ich habe dir die Startseite auf 84KB abgemagert und sie in der URL hinterlegt.

                      Oh wahnsinn!! Das sieht super aus!! Vielen Dank - wow!!
                      Jetzt verstehe ich wirklich wie "schlimm" mein Design war...

                      1. Ich habe dir die Startseite auf 84KB abgemagert und sie in der URL hinterlegt.

                        Oh wahnsinn!! Das sieht super aus!! Vielen Dank - wow!!
                        Jetzt verstehe ich wirklich wie "schlimm" mein Design war...

                        Ich habe jetzt mal alles aktualisiert und bin total begeistert, vielen Dank nochmal für deine Hilfe!! :D

                        Ein Problem habe ich aber gerade noch entdeckt.
                        Wenn ich über den IE mini-aussies.de.to aufrufe, wird die Seite falsch dargestellt, gebe ich aber http://lost-island-aussies.npage.de/home.html ein, ist alles korrekt - woran kann das liegen, was ich ich machen?

                        LG Julia

                        1. Ein Problem habe ich aber gerade noch entdeckt.
                          Wenn ich über den IE mini-aussies.de.to aufrufe, wird die Seite falsch dargestellt, gebe ich aber http://lost-island-aussies.npage.de/home.html ein, ist alles korrekt - woran kann das liegen, was ich ich machen?

                          LG Julia

                          Hab den Fehler gefunden, lag an nPage. Jetzt ist alles so wie's sein soll - Danke, danke, danke!! :)

                          1. Hallo Julia,

                            damit das auch im IE unter Windows XP funktioniert solltest du noch diese Zeilen in deine Seite einfügen.

                            <!--[if lt IE 9]>
                            <meta http-equiv="X-UA-Compatible" content="IE=8">
                            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                            <![endif]-->

                            Sie bewirken das der olle Internet Explorer auch etwas mit den HTML5 Tags anfangen kann. Ich habe es im Beispiel hinterlegt.

                            Das ist nur ein Vorschlag wie es heute eleganter gelöst werden kann, doch habe ich es nicht auf Kompabilität mit den verschiedenen Browsern durchgespielt, allerdings sollte es jetzt zumindest mit den aktuellen Browsern ähnlich aussehen.

                            Der Link im Menue der aktuellen Seite habe ich noch mit einer ID versehen <a id="topic">Home</a>, so lässt er sich einfacher über die Styles ansprechen.

                            Wenn du den Titel: «Miniature American Shepherd’s» rechts neben den Banner setzt, zwingst du der Seite eine Breite auf die das Layout wieder zunichte macht. Ich würde mir gut überlegen ob nicht die eine oder andere Lösung praktikabler und schöner ist.

                            lg kai

                            1. Hallo Julia,

                              damit das auch im IE unter Windows XP funktioniert solltest du noch diese Zeilen in deine Seite einfügen.

                              <!--[if lt IE 9]>
                              <meta http-equiv="X-UA-Compatible" content="IE=8">
                              <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                              <![endif]-->

                              Sie bewirken das der olle Internet Explorer auch etwas mit den HTML5 Tags anfangen kann. Ich habe es im Beispiel hinterlegt.

                              Das ist nur ein Vorschlag wie es heute eleganter gelöst werden kann, doch habe ich es nicht auf Kompabilität mit den verschiedenen Browsern durchgespielt, allerdings sollte es jetzt zumindest mit den aktuellen Browsern ähnlich aussehen.

                              Der Link im Menue der aktuellen Seite habe ich noch mit einer ID versehen <a id="topic">Home</a>, so lässt er sich einfacher über die Styles ansprechen.

                              Wenn du den Titel: «Miniature American Shepherd’s» rechts neben den Banner setzt, zwingst du der Seite eine Breite auf die das Layout wieder zunichte macht. Ich würde mir gut überlegen ob nicht die eine oder andere Lösung praktikabler und schöner ist.

                              lg kai

                              Super, danke, habe es überall eingefügt! :)
                              Den Banner habe ich nochmal bearbeitet - möchte, dass es nebeneinander steht.

                              Leider scheint aber irgendwas noch falsch zu sein...
                              Drei Leute haben mir geschrieben:

                              • ist bei mir total verschoben...
                              • also ich geh mit Firefox ins Netz und bei mir funzt die Seite leider auch nicht...
                              • bei mir ist auch alles verschoben....

                              Bei mir ist aber alles richtig, sowohl mit FF, als auch mit IE und GC.

                              Meinst du es bringt was das hie rzu ergänzen, aheb ich über Google gefunden:
                              <!--[if lte IE 8]>
                              <script src="html5.js" type="text/javascript"></script>
                              <![endif]-->

                              Der Validator sagt mir, dass hier was falsch ist:
                              #content
                              height: calc(100% - 50px) !important /* FF */;

                              Ansonsten gibt es keine Fehler.

                              1. Leider scheint aber irgendwas noch falsch zu sein...
                                Drei Leute haben mir geschrieben:

                                • ist bei mir total verschoben...
                                • also ich geh mit Firefox ins Netz und bei mir funzt die Seite leider auch nicht...
                                • bei mir ist auch alles verschoben....

                                Der Validator sagt mir, dass hier was falsch ist:
                                #content
                                height: calc(100% - 50px) !important /* FF */;

                                Die Fehler sind behoben, ich habe die Breite einfach von px auf % gesetzt und jetzt funktioniert es überall/ bei jedem :D

                              2. Hallo Julia,

                                damit auch Chrome (Safari), Opera und IE eine Höhe anzeigen können habe ich es so realisiert:

                                  
                                height: 93%;  
                                height: -webkit-calc(100% - 50px) !important;  
                                height: calc(100% - 50px) !important;  
                                
                                

                                Hier ist eine Übersicht zur Unterstützung von Unterstützung von calc()

                                Sorry mein Fehler
                                FALSCH:: height: calc(100% - 50px) !important /* FF */;
                                RICHTIG:: height: calc(100% - 50px) !important; /* FF */

                                Den Kommentar kannst du auch kübeln, wollte damit nur andeuten das hier nur der FireFox zZ mein bester Freund ist.

                                Gestern war auch etwas nicht in Ordnung, aber heute scheint es zu funktionieren, nur wenn ich das Fenster verkleinere

                                zeigen sich einige Schwierigkeiten, was damit zusammenhängt das der Banner jetzt 946px breit ist, dann noch das Menue und die margin-Angaben…

                                Vielleicht hilft dir ein Kompromiss; also wer die Seite im Vollbild auf einem großen Bildschirm betrachtet kommt es nebeneinander, alle anderen (Smartphones, Pads, etc…) haben es untereinandern. Schau dir die Testseite an, dort habe ich es so realisiert.

                                Wie gesagt ich habe es nur mit den aktuellen Browsern getestet, die anderen… was soll ich sagen, haben die Möglichkeit mit aktuelleren Browsern zu serven…

                                lg kai

                                1. Hallo Kai,

                                  nochmal vielen Dank für deine Hilfe! :)

                                  Ja, genau, ich weiß, jetzt ist der Banner noch größer, aber ich möchte es nebeneinander haben und wer halt nur so einen kleinen Bildschirm hat... hat halt Pech gehabt ;)
                                  So wie es jetzt ist kann ich mit Leben, mein Laptop hat einen 18,4" Full HD Bildschirm und ich sehe alles perfekt! ;)
                                  Für alle mit kleinerem Monitor sieht es zwar nicht ganz so schön aus, aber es funktioniert dafür alles... auch wenn teils viel gescrollt werden muss.

                                  Ich denke jetzt stimmt alles und so kann es erstmal bleiben ;-)

                                  Einen schönen Abend noch und ich bin dir wirklich sehr dankbar für deine Geduld und die Zeit die du für mich hattest! ;)

                                  LG Julia

                                  1. Hallo Julia,

                                    also ein Smartphone hast du noch nicht ;)
                                    Eine andere Lösung wäre noch den Banner auch in den Hintergrund zu legen, dann wäre das mit der Scrollerei gelöst.

                                    Gerne

                                    und lg kai

                                    1. Hallo Julia,

                                      also ein Smartphone hast du noch nicht ;)

                                      Wie kommst du denn darauf?? ;)
                                      Ich habe sogar zwei! ;)
                                      Das Sony Xperia S und das Arc!
                                      Und wenn ich die HP mit "ihnen" öffne, funktioniert alles, nur wenn ich es hochkant habe, ist die untere Hälfte weiß, aber quer ist alles ok ;)
                                      Gibt es da irgendein Code den man einfügen kann? Ansonsten stört es mich eigtl. nicht wirklich, hauptschae am PC ist alles gut! ;)

                                      1. Hallo Julia,

                                        aus meiner Sicht ist auch alles ok, nur wer Detail-versessen ist, für den ist das noch suboptimal ;-))

                                        Du kannst noch background-color: #388099;(dunkelster Farbton des Bildes am unteren Rand) an den body heften.

                                        lg kai

      2. Hi,

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

        Ah, eine Frameset-Definition.

        </head><body class="backmain" scroll="no">

        Oder doch nicht? Wieso verwendest Du einen Frameset-Doctype, wenn Du gar kein Frameset definierst?

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
  2. Hallo Julia,

    das sind keine IFRAMES, sondern FRAMES, die vor über 10 Jahren ein gültiger Ansatzt waren doch heute... Ende Oktober 2012...! Zum anderen sind sie auch nicht mehr notwendig, da sich jetzt alles viel eleganter und nervenschonender mittels CSS lösen lässt.

    <frameset framespacing="0" border="0" frameborder="0" rows="100%">  
    <frame name="main" id="main" scrolling="auto" noresize src="http://lost-island-aussies.npage.de/">  
    </frameset>
    

    Du lädst genau einen Frame in deinem Frameset... das verstehe ich nicht? Hier wäre die Möglichkeit dem Frame über seine ID sein Aussehen zu regeln... zB:

    <style type="text/css">  
    #main {  
        background-color: Transparent;  
        width: 100%;  
        height: 100%;  
        border: 0;  
        margin: 0;  
        overflow-x: hidden  
        overflow-y: auto;  
        ....  
    }  
    </style>
    

    Letzlich ist dieser Ansatzt sehr antquiert und macht mehr Probleme als das er sie löst und damit es überhaupt möglich ist deine Seite zu durchschauen sollten die Seite erst einmal von seinen Fehlern bereinigt werden. (doppelter <head> etc)