Darstellungsfehler Mozilla Firefox bei include

elotse

Ich will per include eine externe Funktion einbinden (unterschiedliche Bilder im Header je nach Kategorie)
Dies funktioniert auch im IE usw aber nicht bei Firefox.

Im header binde ich per folgendem Code die externe php ein:

PHP

<?php include (TEMPLATEPATH . '/templates/test-headersteuerung.php'); ?>

In der test-headersteuerung.php habe ich alles auf folgenden Code reduziert:

PHP

<div id="headershow">
    <img src="http://www.msr-support.de/wordpress/wp-content/gallery/kopfbilder/kopfbild-24.jpg" alt="Kopfbild" />
    </div>

Das Bild wird nun mit einem Abstand von ca 20px zum oberen Rand plaziert!!!:confused:

Wird die gleiche Funktion direkt im header eingebaut ohne include, funzt alles bestens!!!!!!!!!

Beispiel kann hier betrachtet werden: http://www.test.kk4you.de/

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

shyne

Ich kann dir so viel verraten, es hat nichts mit include zu tun. Include ist eine Serverseitige Sache, davon bekommt FF oder der IE nichts mit...

Es ist eine Sache von CSS, HTML und dem richitgen einfügen... Evtl. steht dann an der falschen Stelle das Falsche und irgendein Element wird nicht geschlossen oder ähnliches...

Schau dir den Quellcode an. Mit und ohne Include, achte was sich verändert. Nimm dir Firebug zu Hilfe.

Wenn du weitere Hilfe brauchst, am besten Screenshots posten...

Tutrix

so wie es aussieht hast du eine Leerzeile zwischen dem logo-div und dem headershow-div, entfernt man diese über Firebug stimmt alles

elotse

-->shyne
Der Quellcode ist genau gleich!!

-->Art of Pic
Habe die Leerzeilen entfernt, jedoch keine Änderung.

Unabhängig davon die Frage, wie kann ich mit Firebug den Code (Zeile löschen)verändern??

Tutrix

Zitat

wie kann ich mit Firebug den Code (Zeile löschen)verändern

Rechtsklick auf das <div id="kopf" und dann auf html bearbeiten

wenn man dann den Abstand entfernt stimmt der Header

Abstand siehst du im Bild (Anhang)

[COLOR=Red]Edit[/COLOR]: mach mal hier [COLOR=Red]#headershow[/COLOR] noch das position hinzu

also so

Code

#headershow {
    overflow: hidden;
    margin-left: 200px;
    position: absolute;
}

elotse

Das hatte ich auch schon probiert, leider funktioniert dann overflow: hidden nicht mehr.
Bei kleinerer Darstellung bleibt das Bild in der Größe!!

Die Leerzeichen habe ich alle entfernt, konnte aber nichts erreichen:cry:

Tutrix

mach mal margin-left nur 199px

oder

Code

z-index: -1;

hinzufügen

elotse

Damit passt das Bild in den Rahmen, overflow funzt aber nicht.

Genau darum geht es mir aber in dem Design, eine Seite zwischen zwei Eckwerten variabel.

ERGÄNZUNG: Nach wie vor unklar ist warum es ohne include, d.h bei fortlaufendem Code funzt

spickzettel

Da ist ein BOM (<-- anklicken) vor dem <img src=

Das macht die Leerzeile im Quelltext.

elotse

SUPER, da liegt der Fehler.:)

Mir ist zwar nicht klar wie dies entstanden ist, ich denke bei der Erstellung der neuen php.
Habe nun eine andere genommen, kopiert und geändert und es funzt.
Wie bzw wo kann mann dies am php-File sonst ändern?
Verwunderlich war nur, dass IE damit klar gekommen ist. Wichtig aber Fehler gefunden.
Dank euch allen

shyne

Damit lag ich sogar noch falsch :D
Aber gut, dass die Sache gelöst ist :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Darstellungsfehler Mozilla Firefox bei include

Jetzt mitmachen!