Ændre baggrund. Problem i IE, men ikke i FF.....

WordPress DK Forum » Installering

Ændre baggrund. Problem i IE, men ikke i FF.....

(23 indlæg) (5 voices)

Startet for 1 year siden af raslang
Seneste svar fra raslang
This topic is not a support question

Tags:

Ingen tags endnu.

raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Jeg har forgæves forsøgt at ændre baggrunden i et thickbox billede, så det både virker i IE og FF.

Jeg bruger et event/kalender-plugin som genererer et billede med thickbox og der kan jeg ikke få ændret baggrunden, så den vises i sort (som jeg kan få den til i Firefox)

Min side er: http://www.dingdongdynamofis.dk
Event-plugin: http://www.wp-eventscalendar.com/

Billede af baggrunden, som den skal være, i Firefox:

http://www.dingdongdynamofis.dk/wp-content/gallery/div/screenshot%20i%20firefox.jpg

Billede af baggrunden, som den ikke skal være, i Explorer:

http://www.dingdongdynamofis.dk/wp-content/gallery/div/screenshotiexplorer.jpg

Jeg har været inde og redigere i thickbox.css og rettet background-color til sort istedet for hvid (også virker det i firefox, men ikke i IE)

#TB_window { position: fixed; background-color: #000000; z-index: 101; color:#000000; display:none; text-align:left; top:50%; left:50%; border: 1px solid #FFFF00; -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px; -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px; -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px; box-shadow: rgba(0,0,0,1) 0 4px 30px; }
* html #TB_window { /* ie6 hack */ background-color:#000000; position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

Hvorfor hører IE ikke efter hvad jeg beder den om? :-(

Hilsen Rasmus

P.S.

Vil, hvis der er overskud til det, meget gerne have respons på siden. Den er stadig et godt stykke fra at være færdig, men man kan da danne sig et indtryk og se om der er nogle programmeringsfejl.

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Vil, hvis der er overskud til det, meget gerne have respons på siden. Den er stadig et godt stykke fra at være færdig, men man kan da danne sig et indtryk og se om der er nogle programmeringsfejl.

Du har 11 fejl i din HTML http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.dingdongdynamofis.dk%2F

samt en del i dit CSS:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.dingdongdynamofis.dk%2F

For at fejlfinde er det altid en god ide at have Valide sider så ved man at det ikke er det der laver problemet.

WordPress er pr default skrevet med Valid kode, men desværre er der uanede Temaer der fucker det op ;-)

Mvh John
http://www.wordpresstema.dk

Skrevet 1 year siden #
Mark Thomas Gazel

Senioradministrator
Joined: maj '06
Posts:
Reputation:

WordPress er pr default skrevet med Valid kode, men desværre er der uanede Temaer der fucker det op ;-)

Og plugin's.

Mark Thomas Gazel
"Jeg er ikke ung nok til at være erfaren" - Oscar Wilde
http://mark.gazel.dk

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Begge dele desværre.
Har set masser af "proffi" websnedkere der tilbyder WP opsætning og designs til big money med frygtelig kode.

Kan forstå hvis fejlene opstår efter aflevering ;-)

Men ok jeg er så også blot en gammel håndkodenørd der ikke ønsker at trykke på knapper i en Røvsygwyg editor ;-)

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Kan se at der er en del fejl og specielt i css, hvor de alle næsten omhandler mit problem med event-kalenderen og thickbox. Nu er mit STORE problem, at jeg ikke er så stærk i koder, men kun er kommet hertil hvor jeg er nu med at copy/paste og noget sporadisk basalt kodeskriveri.

Kan I se hvilken en af fejlene der forårsager den manglende sorte baggrund i IE? Og frem for alt - hvordan retter jeg det?

Nu ved jeg ikke hvormeget jeg spørger om, men er det nemt at rette html-fejlene, da de næsten alle omhandler det samme problem? Men igen,- jeg ved ikke hvad jeg skal rette det til :-S

Med venlig hilsen

Rasmus

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Kan det være denne fejl der er årsagen til min hovedpine (taget fra W3C CSS Validator):

67 * html #TB_window Value Error : margin-top Parse Error - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')

Da det jo netop er i TB_window at baggrunden ikke vil vise sig....
Men jeg ved ikke hvad jeg skal rette den til, så den får en gyldig værdi?

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Jeg ville ikke give mig i kast med det uden basal viden om (x)HTML og CSS.

Jeg kunne sagtens lave dit Theme og WP Valid hvis jeg havde tid til at rode med temaet og diverse plugins, men mit forslag ville umiddelbart være at prøve dig frem og måske droppe fancy plugins der ikke virker efter hensigten alligevel

Et eks:
-moz-box-shadow:
-webkit-box-shadow:
-khtml-box-shadow:

Er uden jeg har testet det ikke Valid CSS ;-)

Hvis du fjerner det forsvinder formentlig den ønskede fancy effekt.

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Det gav desværre ingen sort baggrund i IE. Men gav da 4 færre fejl i W3C Validator ;-)
Har du en idé, om det kunne være fejlen i linje 67 der er synderen? Og i så fald, hvad skal den rettes til?

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Problemet skal gætter jeg på findes i dit plugin "event calendar" og gætter på at det plugin kommer med et Style.

Det ultimativeste ville være at forbyde skodbrowseren IE overhovedet ;-)men det er nok ønsketænkning desværre

ps vedr :
-moz-box-shadow:
-webkit-box-shadow:
-khtml-box-shadow:
så har det intet med dit plugin at gøre, og det at IE viser hvid bg det var blot et eks på ikke Valid kode

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Event calendar kommer med et css, men for at rette i baggrunden (for FF's vedkommende) skal jeg rette i thickbox.css og ikke i events-calendar.css

Link til thickbox.css: http://www.dingdongdynamofis.dk/wp-includes/js/thickbox/thickbox.css

Link til events-calendar.css: http://www.dingdongdynamofis.dk/wp-content/plugins/events-calendar/css/events-calendar.css

Håber der er en der kan se hvor jeg skal rette henne. (Det jeg ikke forstår er, at jeg kan rette alt lige fra rammen til bjælkerne inde i boksen, men ikke selve baggrunden...)

Den her linje kommer fra thickbox.css

* html #TB_window { /* ie6 hack */ background-color:#000000; position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

Jeg aner ikke hvad den skal rettes til, men det er en af fejlende ifølge W3C. Og da jeg kan se at IE er indblandet og det er i TH_window (hvor jeg rettede for baggrunden længere oppe i css'et, dog kun gældende for FF, har jeg en mistanke om at det måske er her... eller hvad?

Med venlig hilsen

Rasmus

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

En god rette snor er den gule border som virker i både IE og FF "FFFF00"

Gætter på at fejlen i IE er z-index som IE ikke fatter en dyt af;-)
Kun et gæt
#TB_window {
position: fixed;
background-color: #000000;
z-index: 101;
color:#000000;
display:none;
text-align:left;
top:50%;
left:50%;
border: 1px solid #FFFF00;
-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
box-shadow: rgba(0,0,0,1) 0 4px 30px;
}

Men måske andre har et kvalificeret bud

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Når jeg eksperimenterer med forskellige baggrundsfarver har jeg opdaget at jeg kan se en linje lodret med en bredde på 1px med den pågældende farve. Altså tyder det på (tror jeg) at baggrundsfarven er der, men IE sætter en hvid baggrund/kasse foran min valgte baggrundsfarve.

Er der nogen der har en idé om hvorhenne IE eller hvor i et css der overskriver min baggrundsfarve?

Update: Nu har jeg sat padding: 15px ind og lavet baggrundsfarven rød!
Nu kan man tydeligt se at baggrundsfarven er der, men IE sætter en hvid kasse ind, hvor jeg gerne vil have at den skal væk, eller som minimum, have samme farve som baggrunden.

Med venlig hilsen

Rasmus

P.S.

Tak til jer som allerede har brugt tid på mit problem!

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

z-index virker mig bekendt "kun" på elementer der har position:relative eller position:absolute.
Altså ikke position: fixed; når vi snakker IE
Men det er lidt siden jeg har jobbet med z-index så kan huske forkert.

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Hvis jeg ændrer Z-index til relative eller absolute forsvinder boksen helt....

Har du set min lille "update" i forrige indlæg? Kan det hjælpe dig (...mig) med at lokalisere problemet. Sætter stor pris på din tålmodighed og hjælpsomhed!

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Jeg er lidt lost ;-) men tilsyneladende har vi lokaliseret årsagen siden du kan lave den rød.

Nu er det ikke et decideret WP ? så hvis du har adgang til de danske newsgrupper så får du garanteret "håber" jeg hjælpen der løser dit ? her:
news:dk.edb.internet.webdesign.html.

Det ville kræve at jeg legede med pluginet og min webserver er stået af indtil sønnen kommer forbi ;-)

ps et skud i tågen:
Din body bg i selve temaet er sat til hvid.
Hvad sker der hvis du sætter den til sort ?

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Jeg har ændret baggrunden i default.css

body { background: #000000 url(../../images/baggrund.jpg) top right no-repeat; color: #333; font: 12px 'Segoe UI', Arial, Helvetica, sans-serif, 'matisse itc'; height: 100%; min-height: 100%; }

Hvor ser du at baggrunden er sat til hvid? Er det i et andet css?
Bliver snart skør af at jeg ikke kan finde hvorfra IE sætter den hvide boks ind...men nægter at give op! Så hvis du eller andre har forslag til hvor jeg ellers kan afprøve ting af, så endelig ikke hold jer tilbage ;-)

Med venlig hilsen

Rasmus

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

http://www.dingdongdynamofis.dk/wp-content/themes/arras-theme/css/blueprint/screen.css

Som sagt kun et forsøg værd.
Kunne jo være at pluginet "arver" bg egenskaben
Ellers er jeg som sagt lost.

Pluginet fucker mit eget design op når jeg tester det online så jeg slettede det lynhurtigt igen.

Someone else må på banen ;-)

Var vist for hurtig med henvisningen til det CSS

I thickbox.css kan jeg se du har rettet bg til rød så må det vel være muligt også sort ?

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Det er det også, men den hvide boks er stadig indeover baggrunden.

link til screenshot:

http://www.dingdongdynamofis.dk/wp-content/gallery/div/screenshot%20i%20explorer2.jpg

Skrevet 1 year siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Måske du skulle trawle google efter et IE z-index hack.
Det er svært at rode med noget der ikke lige er ved hånden ;-)

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Det her skidt holder mig søvnløs.....

Nu har jeg forsøgt at ændre samtlige hvide farvekoder i temaets default.css, thickbox.css og events-calendar.css om til sort... og den hvide boks er der stadig..Grrr.

http://www.dingdongdynamofis.dk/wp-content/gallery/div/screenshot%20i%20explorer2.jpg

Jeg kan simpelthen ikke finde frem til hvorhenne i de forskellige stylesheets at den hvide boks bliver defineret, så jeg kan rette i den. Nogen der har en idé om hvordan den kan lokaliseres? I et eller andet css må den da bliver defineret mht. farve, størrelse og placering... ikke sandt?

Mht. z-index hacks har jeg googlet lidt og fundet frem til forskellige løsninger, men de fleste kræver at jeg ved hvilke "emner" jeg vil have i de forskellige lag... og jeg har ikke fundet frem til mit "emne"... den hvide boks.....

Bliver en kasse/box automatisk hvid, hvis man ikke definere en farve til den?

Skrevet 1 year siden #
jacobask

Supermedlem
Joined: jan '08
Posts:
Reputation:

Jeg har ikke fulgt så meget med i denne tråd. Men hvad sker der hvis du giver sort baggrund på #TB_iframeContent

Mvh
Jacob Ask

Skrevet 1 year siden #
maxemil2

Supermedlem
Joined: okt '09
Posts:
Reputation:

Jeg tror du skal finde den event calender fil (php) der generere iFramen.
den indeholder en <div id="TB_window">
Prøv at lige inden denne div afsluttes (dvs efter alt indholdet) at indsætte en
<div style="clear:both;"></div>

Owner @ http://oneconsult.dk & https://recreative.dk
WP CodeGeek @ http://deals.dk & http://cphcloud.com

Skrevet 1 year siden #
raslang

Medlem
Joined: jul '09
Posts:
Reputation:

Jeg fandt frem til #TB_iframeContent i thickbox.css, men det gav ingen resultater at sætte sort baggrund på... :-(

Maxemil2 - Jeg har forgæves søgt efter <div id="TB_window"> i de forskellige php filer i event calendar, men uden at finde frem til den...?
Tilgengæld har jeg fundet 4 <div id='TB_window'> i thickbox.js men her ved jeg ikke hvad jeg skal gøre.... :-s

Findes der andre forslag?

Mvh

Rasmus

Skrevet 1 year siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.