Weißer Hintergrund bei iFrame
_Julia_
- html
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
12 Fehler allein auf der ersten Frame-Ebene. Die anderen 3(!) Ebenen habe ich garnicht mehr übreprüft. Das ist ja kaum zu debuggen.
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">♂</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">♀</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ür uns sind die Hunde Familienmitglieder und die Zucht mit ihnen ist reines Hobby, das trotzdem mit viel Verstand, der nötigen Zuneigung und Verantwortung betrieben wird!
<br>
<br>
Zwischen unseren Hunden gibt es keinerlei Eifersucht, Futterneid, etc. jeder kann überall liegen und mit jedem Spielzeug spielen, auch wenn eine Hündin läufig ist, gibt es weder zwischen den Hündinnen, noch zwischen den Rüden Streitigkeiten.
<br>
Denn vom Wesen her sind unsere Hunde sehr angenehm und unproblematisch im Umgang mit allen möglichen Alltagssituationen. Sie sind aufmerksam und ausgegelichen, zu Hause ruhig und unterwegs fordernd und aktiv. Sie sind der perfekter Familienhund für Leute die viel Zeit für eine intensive Beschäftigung und Auslastung eines Hütehundes haben, gerne draußen unterwegs sind und einem (Hüte-)Hund das bieten können, was er an Aufmerksamkeit und Zuneigung braucht, um zufrieden zu sein.
<br>
<br>
Gefüttert werden unsere Hunde nur mit hochwertigem Hundefutter mit einem Frischfleischanteil von mindestens 70% bis 100% und BIO-Gemüse. Alles <u>ohne</u> kü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ßerdem gehen wir 3 mal täglich mit allen zusammen insgesamt ca. 2-3 Stunden spazieren und gehen zusätzlich fast jedes Wochenende auf den Hundeplatz um dort THS (<a href="https://docs.google.com/fileview?id=0B8hPxut0UdQYMmJkMmI1MTMtOWExOS00Y2EwLTliN2YtZDMzYTFhMzY1Njlh&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ühjahr kein Schnee mehr liegt, legen wir unsere Spaziergänge 2-3 mal täglich mit dem Fahhrad zurück, solange bis im Winter wieder Schnee fälllt. Natürlich achten wir dabei immer auf die Gesundheit unserer Hunde, damit sie im Sommer bei hohen Temperaturen, auch im schattig und meist angenehm kühlen Wald, nicht "zu heiß laufen", haben wir immer genügend Wasser dabei oder fahren den Bach entlang, damit sie sich stehts abkühlen können.
<br>
<br>
Wir wünschen Ihnen viel Spaß beim stöbern auf unserer Website und hoffen, dass es Ihnen hier gefällt und Sie uns bald wieder besuchen! Auch über einen Pfotenabdruck in unserem Gästebuch würden wir uns sehr freuen ;-)
<br>
<br>
<br>
Viele liebe Grüß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>
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.
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 :(
<!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
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.
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
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... ;-)
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
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 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
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!! :)
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
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:
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.
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
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
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
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
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! ;)
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
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
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)