Sponsor-Board.de
Link in Iframe funktioniert nicht immer

+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: Link in Iframe funktioniert nicht immer (/showthread.php?tid=35546)


Link in Iframe funktioniert nicht immer - eret12 - 12.02.2013 18:45

Hi,

ich bin auf der Suche nach einem Problem auf meiner Seite aus dem ich nicht schlauer werde...


Ich habe eine Unwetterwarnung eingebunden die ich von einer anderen Seite per Iframe übernehme... (Ja ich habe die Erlaubnis)


Ich binde es mit folgendem Code ein:

PHP-Code:
<div id="warnung"><iframe src="http://www.kfv-heilbronn.de/feuerwehrseiten/wetter.php?fw=40" 
style="border:0px;" name="wetterwarnung" height="100px" width="239px" scrolling="no" frameborder="0" 
marginheight="0" marginwidth="0"></iframe></div



Das Problem hierbei ist, dass der Iframe einen Link hinterlegt hat.
Der Link funktioniert allerdings nicht auf jeder Seite...

Woran liegt das?


Hier funktioniert der Link:
[Link: Registrierung erforderlich]

Hier nicht:
[Link: Registrierung erforderlich]


Hoffe mir kann jemand helfen!


Edit:
Das Problem habe ich nur in Firefox!

Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 12.02.2013 19:26

eret12 schrieb:
Edit:
Das Problem habe ich nur in Firefox!

Lg eret12

Schonmal direkt aufgerufen?
[Link: Registrierung erforderlich]

Drücke mal Strg+F5

Die Seite ist in jedem Browser weis, vielleicht hast du nur noch was im Cache? Der verlinkung ist in Ordnung.


RE: Link in Iframe funktioniert nicht immer - eret12 - 12.02.2013 19:30

Hi,

ja die Warnung wurde vom Deutschen Wetterdienst zurückgezogen...
Da steckt ein Script dahinter das immer einen Banner einblendet sobald eine Warnung für den Landkreis vorhanden ist...


Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 12.02.2013 19:35

Dann beschreibe mal dein Problem genauer, vielleicht mit optionalen Screenshots. Ich sehe keinen Unterschied zwischen den beiden Seiten.


RE: Link in Iframe funktioniert nicht immer - eret12 - 12.02.2013 22:55

Ein Unterschied sieht man auch nicht...
Der Iframe wird in beiden Seiten eingebunden...

Nur der Link der in dem Iframe hinterlegt ist funktioniert nicht in beiden Seiten...

D.H. auf der einen Seite kann man den Link anklicken und auf der anderen Seite nicht...
Das Problem besteht aber nur in Firefox!

Und der Code ist auf beiden Seiten der gleiche…


Lg eret12


Edit:
Hab einen Screenshot angehängt...


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 12.02.2013 23:49

Du machst es einem auch echt nicht leicht! Das muss man dir lassen Tongue

Code:
#maske {
    background-image: url(../bilder/style/hintergrund.png);
    margin:  auto;
    margin-top: 17px;
    border: 2px solid #fff;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    height: 1220px;
    width: 1120px;
}


Code:
#maske {
    background-image: url(../bilder/style/hintergrund.png);
    margin:  auto;
    margin-top: 17px;
    border: 2px solid #fff;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    height: 1437px;
    width: 1120px;
    z-index:1;
}

Finde den Unterschied Biggrin

Grüße


RE: Link in Iframe funktioniert nicht immer - eret12 - 12.02.2013 23:51

z-index ist leider nicht der fehler...

das hab ich auch schon versucht...

Ich habe es auch schon versucht mit:

PHP-Code:
<object data="http://www.kfv-heilbronn.de/feuerwehrseiten/wetter.php?fw=40" height="100px" width="239px"></object



Hier habe ich leider genau das selbe problem...



Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 12.02.2013 23:59

eret12 schrieb:
z-index ist leider nicht der fehler...

Doch ist er Tongue

Drück im Firefox Strg + Umschalt + I, dann siehst du es

Dir ist bewusst das der Z-Index auch mehrfach in deinem einen Stylesheet auftaucht? Biggrin


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 00:12

der div in den ich den Iframe eingebunden habe hat den z-index: 90

somit müsste es doch auf jeden fall darüber liegen, auch wenn #maske keinen z-index zugewiesen hat, oder?

Es ist doch nicht schlimm wen man der z-index öfters in einem Stylesheet auftaucht oder?



Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 00:43

Sorry da muss ich passen, soetwas wie z-index habe ich noch nie verwendet. Dies ist eine Style Angabe auf die möglichst verzichtet werden sollte.

Etwas anderes kann ich mir aber nicht vorstellen. Dein HTML ist laut W3C Validator valide, der eingebundene Frame zwar nicht, aber der funktioniert ja in deiner einen Page.

Also muss ja irgend was über dem Link liegen, damit du diesen nicht anklicken kannst. Was könnte es denn sein, wenns nicht am z-index liegt? Durch dein Javascript möchte ich jetzt nicht durch.

ByTheWay, welchen Grund hat es, dass du auf der einen Seite ein anderes Stylesheet verwendest? Du zeichnest die selben Dinge aus.


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 00:56

Jede Seite hat eine eigene css bekommen, da sich die einzelnen werte etwas unterscheiden...

dazu kommt eine gemeinsame css die allerdings nur wenig beinhaltet.
In der gemeinsamen sind aber z.B. die Angaben über die Wetterwarnung...

Das JavaScript macht nur den mouseover Effekt...


Ich arbeite selbst eigentlich nicht mit z-index, ich habe es bisher nicht gebraucht, erst bei den mouseover Effekten kam es zu Problemen und ich musste z-index benutzen...



Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 01:10

Mach doch einfach Testweise das selbe Stylesheet rein, wie bei der Seite die funktioniert. (Nur um erstmal auszuschließen, dass es wirklich nicht an den Styles liegt.)

Und wenn ich jetzt nichts falsch sehe, steht vieles in dem einen Style drinn, was dasselbe wir beim anderen macht bzw. machen soll.

Tu wirklich nur ein eigenes Stylesheet für styles Verwenden die nicht global sind. mit !important kannst du zur Not auch einen Style überschreiben.

Edit:
Wenns wirklich nicht daran liegt, kann ich dir aber auch nicht helfen, hoffe dass es jemand anderes kann. Ich bin dann aber mit meinem Latein am Ende (Bin Software Entwickler und kein Webdesigner^^)


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 01:17

Nun ja, der Abstand zu den Rändern ändert sich eben bei den einzelnen einsatzberichten...

Daher ist eine Globale css nicht möglich...


Alles was definitiv überall das gleiche ist, ist in einer gemeinsamen css enthalten...


Das Problem habe ich nun gelöst...
war tatsächlich ein z-index Problem...

Allerdings nicht das #maske z-index: 1 bekommt sondern #container musste z-index: 2 bekommen...

warum weiß ich allerdings nicht...


Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 01:25

eret12 schrieb:
Allerdings nicht das #maske z-index: 1 bekommt sondern #container musste z-index: 2 bekommen...

Weil es von der Hierachie Erbt. Wie bereits 3 Posts zuvor geschrieben: Dir ist schon bewusst, dass du mehrfach z-index verwendest?

Freut mich ja, dass es jetzt funktioniert. Wink

Wegen deiner CSS Thematik.

Dann schreib doch nur für den Abstand ein CSS:

#deinAbstandElement {
margin:9999px;
}
der Rest kann alles ins globale.


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 12:14

z.index:
alle Elemente die in #container liegen bekommen den z-index: 2. Diese solle ja alle in derselben ebene liegen…
Die #maske liegt darunter, daher besitzt diese z-index: 1…

Das sollte so doch gehen oder etwa nicht?
Ich versteh nicht so ganz was du mit mehrfach z-index meinst…


Wegen CSS:
Ok, wusste nicht, dass das möglich ist...

Aber welchen Vorteil hat es wen ich alles in ein globales schreib und den Abstand selbst wieder in ein lokales?


Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 16:46

eret12 schrieb:
Ich versteh nicht so ganz was du mit mehrfach z-index meinst…

War dumm ausgedrückt. Da was du bereits herausgefunden hast. Du notierts an verschiedenen Elementen einen z-index.

eret12 schrieb:
Aber welchen Vorteil hat es wen ich alles in ein globales schreib und den Abstand selbst wieder in ein lokales?


Es hat keinen. Sollte man sicher vermeiden. Allerdings schau dir nur mal die Notierung von Maske an:

Code:
#maske {
    background-image: url(../bilder/style/hintergrund.png);
    margin:  auto;
    margin-top: 17px;
    border: 2px solid #fff;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    height: 1220px;
    width: 1120px;
}

bis auf deine Margin thematik kann alles raus (und selbst bei der verstehe ich nicht, warum die anders als bei einem anderen Dokument sein soll.


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 16:59

naja, die #maske fügt bei mir das Hintergrundbild ein…

background-image: gibt den Link zum Hintergrund
margin: hier bin ich mir nicht ganz sicher warum ich das eingefügt habe...
margin-top: fügt den Abstand nach oben ein
border: fügt meinen Rand ein
text-align: sagt, dass alle Schriften linksgebunden sind, da dies der Übergeordnete Bereich ist spar ich mir das dann bei allen anderen
background-repeat: sorgt dafür, dass das Bild nicht wiederholt wird
background-position: zentriert das ganze
padding: Ok, hier bin ich mir nicht sicher ob man es unbedingt benötigt
height: hier geben ich auf jeder seite die größe vor, der rest unten dran wird einfach rausgeschnitte
width: könnte man bestimmt auch auf auto setzten oder sogar ganz weg lassen, bin ich mir nicht sicher…



Das Ganze ist meine erste Homepage ohne CMS, von daher bin ich eher noch im Anfangsstadium was html und CSS angeht…
Ich lasse mich also gern eines Besseren belehren sollte ich einen Fehler machen Wink


Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 17:16

eret12 schrieb:
Das Ganze ist meine erste Homepage ohne CMS, von daher bin ich eher noch im Anfangsstadium was html und CSS angeht…
Ich lasse mich also gern eines Besseren belehren sollte ich einen Fehler machen Wink

Ist ja auch nicht böse gemeint Biggrin

Aber Prinzipiel hat man einen gleichen Seitenaufbau:

- Kopf
- Inhalt
- InahltsboxTyp a
- InahltsboxTyp b
- InahltsboxTyp c
- Fuß
- Navi
- ...

Erstmals macht man sich eine Stylesheet was wirklich nur die grobe Strukturierung festlegt (margin, padding, width, height)

Als nächstes macht man ein Stylesheet was die Formatierung für jedes Element festlegt (text-color, font-family)

Jetzt kannst du für jeden InhaltsboxTyp noch ein Stylesheet machen (News/Youtubevideo/Gästebuch/Bericht)

Und wenn jetzt noch änderungen kommen, dann schreibt man die styles eigentlich in den Header bereich oder direkt an die elemente mit dem Style Attribut.

Ich denke mal dass dieser Workflow Best Practise ist.

Übung macht den meister Smile


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 17:26

Bei mir besteht die Seite aus einer Box^^

und in der Box werden alle Elemente gesetzt.
Die Navis werden per iframe eingebunden...


Eine Aufteilung in mehrere Boxen wäre aber durchaus manchmal einfacher...


Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 17:37

eret12 schrieb:
Bei mir besteht die Seite aus einer Box^^

und in der Box werden alle Elemente gesetzt.
Die Navis werden per iframe eingebunden...


Eine Aufteilung in mehrere Boxen wäre aber durchaus manchmal einfacher...


Lg eret12


Also niemand erwartet von dir, dass du das jetzt umstellst, wäre nur für zukünftige Projekte einfacher Wink

Du du geschrieben hast, dass du kein CMS verwendest:
Du kannst dir auch ganz einfach selbst eine Template basierende Seite aufbauen, PHP wurde dafür u.a. geschaffen.

Ums möglichst einfach zu halten ist hier ein ganz simples Beispiel:
[Link: Registrierung erforderlich]


RE: Link in Iframe funktioniert nicht immer - eret12 - 13.02.2013 17:47

Ja hab mir auch schon etwas in der Art überlegt…
An manchen Stellen vermisse ich das CMS, gerade auf der Startseite…
Bei jeder neuen News muss ich diese einzeln per copy&past in das neue Feld einfügen…
Beim CMS hat man einfach eine neue hinzugefügt und den Rest hat das CMS übernommen. Kann man so etwas eigentlich in hmtl irgendwie einbinden?


Lg eret12


RE: Link in Iframe funktioniert nicht immer - GGSeSports - 13.02.2013 18:04

Früher hätte ich ja gesagt. Frames.

Allerdings ist das weit entfernt von der Vorstellung eines Semantischen Webs, und werde in der hinsicht keine Tipps geben.

Für soetwas wirst du um PHP nicht herum kommen, aber dass jetzt in einem Thread durchzukauen würde zu lange dauern.

Wenn du dich in der richtung aber wirklich weiter entwickeln willst (es lohnt sich) einfach mal ein PHP-Buch/Tutorial durchmachen.

Danach solltest du leicht in der lage sein so etwas zu bauen. Und im endeffekt wird es irgendwann wieder auf ein CMS hinauslaufen. Nur du hast es dann selbst entwickelt.

Für News direkt brauchst du ein Paar Dinge
- Datenbank / Textdatei in der die News erfasst werden
- Auswertung und Darstellung
- (optional) Oberfläche zum eintragen

Aber wie bereits erwähnt ist dass nicht mal soeben erklärt. Gibt sicherlich auch Scripte dafür aber nicht empfehlenswert, wenn man um jedes kleine Problem gleich einen riesen Script Rattenschwanz hinterherzieht.

Also wenn dus lernen möchtest:
[Link: Registrierung erforderlich]

Das habe ich damals verwendet, ich weiß nicht wie aktuell es noch ist (Fast 10 Jahre her)
War aber damals ziemlich gut aufgebaut.

Wenn du Unterstützung brauchst, schaue auch mal bei html.de im PHP Forum vorbei. Dort sind sehr viele nette Menschen, die helfen können.