Headgrafik verschwindet bei Unterseiten

garnett

hallo und servus wp-gemeinde :)

habe ein hoffentlich kleines problem. :smile:

es handelt sich um die seite: http://global-scaling-engineering.com

im head-bereich sind 2 elemente eingebaut. einmal das bild mit den kindern links und rechts eine flash-animation.
jetzt ist allerdings folgendes phänomen. auf den hauptseiten (GSE ReAr, GSE InKa etc.) wird beides angezeigt. sobald aber eine unterseite angewählt wird, dann verschwindet die flash-animation.

ich kann mir nicht erklären warum und wieso:?

falls ihr noch weitere informationen benötigt, sagt bitte bescheid 8-)

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

alchymyth

wie ist das flash eingebettet und wo ist die .swf datei gespeichert:

PHP

<embed src="gse_logo.swf" width="540" h

der code ist auch in den anderen seiten drin; ich vermute, da stimmt der pfad zur datei nicht: mit den wordpress bloginfo pfaden versuchen;

PHP

<embed src="<?php bloginfo('wpurl'); ?>/gse_logo.swf" width="540" h

ausserdem haengt die flash animation mitten im familienbild :rolleyes:, eigentlich besser ohne :grin:

garnett

sehr geil, daran lag es! :p
Danke :)

hmm, bei mir wird das familienbild richtig korrekt angezeigt. betrachte an einem 22" tft.

vermutlich verschiebt sich das bild bei verschiedenen monitorgrößen:?
wie kann ich dem entgegenwirken?

ich habe das bild bisher ganz simpel in der style.css definiert:

Code

/*Head Bottom*/


#head-kinder{
position:absolute;
        left:390px; 
        top:20px;
}

alchymyth

so wie #head-kinder definiert ist, beziehen sich die koordinaten auf das browser window.

wenn du 'position:relative;' in das eltern element (#page) eingibst, verschiebt sich der bezug darauf, und bleibt dann in allen window groessen am gleichen platz:

Code

/* Structure */
#page {
 width:980px; 
 margin:10px auto;  
 background:#ffffff; /*#ececec*/
 font-size:0.75em;
 -moz-border-radius: 15px 15px 0px 0px;
 -webkit-border-top-right-radius: 15px;
 -webkit-border-top-left-radius: 15px;
 -khtml-border-top-right-radius: 15px;
 -khtml-border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 border-top-left-radius: 15px;
 border: 1px solid #bbb;
position:relative;
        }

Alles anzeigen

und dann die koordinaten fuer #head-kinder neu definieren.

garnett

ah ok.

also habe es jetzt wie folgt:

Code

#page {
    width:980px;    
    margin:10px auto;        
    background:#ffffff; /*#ececec*/
    font-size:0.75em;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -khtml-border-top-right-radius: 15px;
    -khtml-border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 1px solid #bbb;
        position:relative;
}

Alles anzeigen

und

Code

#head-kinder{
       left:10px; 
       top:10px;
}

das passt aber auch nicht wirklich.
muss jetzt bei #head-kinder noch ein position:relative; rein?

alchymyth

wieso hast du die 'position:absolute;' da entfernt? damit geht's.
und ergaenze noch ein 'z-index:10;', das hebt das bild ueber die nav.

'position:relative;' geht nicht.

Code

#head-kinder{
       width: 339px;position:absolute;z-index:10;
       height: 150px;
       left:10px;
       top:10px;
}

garnett

super, jetzt funktionierts! :)

vielen dank! :cool:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Headgrafik verschwindet bei Unterseiten

Jetzt mitmachen!