HTML gedeelte wordt online niet gerendered maar wel lokaal

[Rexomnium]

Op *snip* (in CMS) of *snip* (zonder CMS) heb ik een pagina staan waarop ik een vreemd probleem heb. In het lichtgrijze gedeelte aan de onderkant van de pagina horen een drietal afbeeldingen te staan. Lokaal krijg ik deze afbeeldingen keurig netjes in Firefox te zien. Zodra ik de pagina upload naar de server worden de afbeeldingen en andere elementen niet getoond. De afbeeldingen staan zeker weten online.

De pagina werkt wel gewoon naar behoren in IE 8. De HTML is ook gewoon helemaal compleet, dus het is mij een compleet raadsel hoe het mogelijk is dat de afbeeldingen niet worden getoond. Voor zover ik weet heb ik geen CSS gebruikt waar display: none wordt gebruikt.

De code die ik wil tonen is:

HTML:

<div class="sponsors">
              <h1>Onze sponsors</h1>
                <p>
                <a href="http://www.visser-den-helder.nl/" target="_blank"><img src="img/scheepswerf-visser.png" alt="Scheepswerf Visser" /></a>
                <a href="http://www.vaarshopvankalsbeek.nl/" target="_blank"><img src="img/vaarshop-van-kalsbeek.png" alt="Vaarshop van Kalsbeek" /></a>
                 <a href="http://www.houtkooperisolatie.nl/" target="_blank"><img src="img/houtkoper-isolatietechniek.png" alt="Houtkoper Isolatietechniek" /></a>
                </p>
            </div>

De bijbehorende CSS is:

Cascading Stylesheet:

#extra {
    background: #eeeeee;
    clear: both;
    height: 120px;
    margin-left: 10px;
}

#extra h1 {
    margin: 0px 0px 5px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #36F;
}

#extra p {
    margin: 0px;
}

#extra .zeiltrofee {
    float: left;
    width: 270px;
    margin: 10px 0px 0px 10px;
}

#extra img {
    margin-right: 15px;
    border: 1px solid #666;
}

#extra .sponsors {
    float: left;
    width: 590px;
    margin: 10px 0px 0px 10px;
    background: red;
}

Iemand enig idee wat hier aan de hand is?

[ Voor 2% gewijzigd door RobIII op 14-09-2010 21:57 ]

[Aganim]

Ik krijg ze in Opera en Firefox gewoon te zien. Wellicht even je Firefox cache legen voor de zekerheid?

[Verwijderd]

Is de webserver misschien case-sensitive? Dit heb ik nl. een keer eerder gehad. De plaatjes hadden een hoofdletter en in de IMG SRC stonden alleen kleine letters.

[RobIII]

Doe even a.u.b. een uitgeklede(!) testcase. Verder: zit er geen probleem in uppercase/lowercase extensies ofzo? Dus .jpg/.JPG? Dat werkt vaak lokaal wel maar online (met case-sensitive webservers althans) niet.

/laat

Anyhow: We zijn doorgaans niet blij met compleet aangeklede sites met alle toeters en bellen. 1) Omdat we dan tussen een paar honderd regels HTML en nog eens een paar honderd regels CSS mogen gaan zitten zoeken naar het probleem en 2) omdat je daarmee niet voldoende eigen moeite hebt gedaan je probleem tot het bare-essential probleem terug te brengen om je probleem te reproduceren waarmee je vaak zelf al de oorzaak tegenkomt. Kun je het probleem reproduceren in een paar regels HTML/CSS dan kun je veel makkelijker zoeken naar een oorzaak zonder door bomen en bossen te moeten kappen en anders maak je het iig voor ons een stuk makkelijker met je mee te zoeken / denken.

Overigens, met een Firebug oid heb je waarschijnlijk ook al veel sneller de oorzaak gevonden; in mijn geval is het AdBlock die de hele sponsors-div hidden maakt

*Click

[ Voor 84% gewijzigd door RobIII op 14-09-2010 22:09 ]

[Rexomnium]

RobIII schreef op dinsdag 14 september 2010 @ 21:58:
(...)

Overigens, met een Firebug oid heb je waarschijnlijk ook al veel sneller de oorzaak gevonden; in mijn geval is het AdBlock die de hele sponsors-div hidden maakt

[afbeelding] *Click

Omdat ik van mening was dat de bug alleen maar kan zijn ontstaan door relatieve problemen en niet een op zichzelf staand probleem, plempte ik hier de hele site. Ook kunnen mensen dan het probleem daadwerkelijk zien/ervaren zonder naar een stel screenshots te moeten kijken of kleine stukjes code.

Het probleem was echter niet in relatie met de rest van de code, want het lag inderdaad aan Addblock Plus. Nooit geweten dat addblock niet alleen url's filtert, maar ook kijkt naar specifieke benamingen in HTML. Erg vervelend

[RobIII]

Rexomnium schreef op dinsdag 14 september 2010 @ 23:05:
Omdat ik van mening was dat de bug alleen maar kan zijn ontstaan door relatieve problemen en niet een op zichzelf staand probleem, plempte ik hier de hele site.

Onzin en onnodig. Ik kan met dit stukje HTML exact je probleem reproduceren en dat had je zelf ook kunnen doen. Ik heb simpelweg alle (lees: meeste) overbodige meuk eruit gesloopt en de testcase reproduceert nog steeds het probleem. En dat was nul moeite en twee minuten werk (en dan moest ik nog copy/pasten van jouw site ). We verwachten hier dat je die moeite ook even neemt voordat je een topic opent. Had je nog iets verder gestript en die <div class="sponsors"> weggehaald dan had je ook meteen geconcludeerd waar 't probleem in zat en was je al een stap verder gekomen en had je topic misschien niet eens bestaan of al heel anders uitgezien

Rexomnium schreef op dinsdag 14 september 2010 @ 23:05:
Ook kunnen mensen dan het probleem daadwerkelijk zien/ervaren zonder naar een stel screenshots te moeten kijken of kleine stukjes code.

Dat kan dus, zoals ik al demonstreerde, ook zonder alle zaken die niet relevant zijn (of verwijzen naar (merk)namen e.d.)

Verder is dit gewoon een kwestie van even kijken in je blocked items bij AdBlock en sowieso whitelisten van sites waar je aan werkt (en dan evt. een keer die whitelist items uitschakelen als je specifiek voor AdBlock zaken e.d. gaat testen).

[ Voor 50% gewijzigd door RobIII op 14-09-2010 23:28 ]

[Rexomnium]

RobIII schreef op dinsdag 14 september 2010 @ 23:13:
[...]

Onzin en onnodig. Ik kan met dit stukje HTML exact je probleem reproduceren en dat had je zelf ook kunnen doen. Ik heb simpelweg alle (lees: meeste) overbodige meuk eruit gesloopt en de testcase reproduceert nog steeds het probleem. En dat was nul moeite en twee minuten werk (en dan moest ik nog copy/pasten van jouw site ). We verwachten hier dat je die moeite ook even neemt voordat je een topic opent. Had je nog iets verder gestript en die <div class="sponsors"> weggehaald dan had je ook meteen geconcludeerd waar 't probleem in zat en was je al een stap verder gekomen en had je topic misschien niet eens bestaan of al heel anders uitgezien

Dat GoT verwacht dat ik moeite in een topic of probleem stop is mij wel redelijk bekend. Om mijn uitleg af te doen als 'onzin en onnodig' getuigt van een slecht inlevingsvermogen en een nog slechter argumentatievermogen.

Stukjes code wegknippen totdat de essentie van het probleem overblijft, is een oplossingsmethode die iedereen kan toepassen. Dat heb ik dan ook gedaan. Een oplettende lezer ziet wellicht de stukjes code in mijn eerste post.

Het probleem in deze is echter dat Addblock niet werkt als content lokaal staat. Ik maak namelijk altijd eerst een template voor mijn website die ik lokaal test. Pas dan knip ik het in stukjes die ik in een CMS giet. Het niet tonen van de div sponsors leek in mijn ogen op een renderingprobleem of iets dergelijks. Misschien dat het aan de cache van de mijn provider lag of aan iets heel anders. Dat de oplossing achteraf eenvoudig is, staat verder niet in relatie met de aard van het probleem.

Om jouw redenatie even te volgen had ik dus een topic kunnen openen met een titel als <div class="sponsors"> toont niet. Vervolgens een ultrakort bericht waarin de titel min of meer wordt herhaald. Tenslotte een ellenlange disclaimer met waar ik allemaal heb gezocht en hoe lang ik al met het probleem zit. Een stuk nederiger wellicht, maar ook een stuk minder interessant.

[...]

Dat kan dus, zoals ik al demonstreerde, ook zonder alle zaken die niet relevant zijn (of verwijzen naar (merk)namen e.d.)

Goh, ik liet een website zien van een marginale vereniging zonder enig winstoogmerk uit Den Helder. Wat wil je hier nou mee zeggen? Is dit nou zo vreselijke spam?

Verder is dit gewoon een kwestie van even kijken in je blocked items bij AdBlock en sowieso whitelisten van sites waar je aan werkt (en dan evt. een keer die whitelist items uitschakelen als je specifiek voor AdBlock zaken e.d. gaat testen).

Ja die oplossing had je al gegeven, waarvoor mijn dank.

[driaker]

Is de link naar de site nou weg? Ik ben namelijk wel benieuwd.

[MueR]

Die is inderdaad met reden weggehaald, dus die hoeven we ook niet nogmaals te zien