Mozilla faalt in weergave

[NIh1IlO]

Beste specialisten,

Voor onze site werd een scriptje gemaakt dat als inschrijvingsformulier dienstig is.
Bij de browser Mozilla Firefox wordt is de weergave niet conform het ontwerp.
De browsers Internet Explorer, Google Chrome en Safari geven wel een correcte weergave van het formulier.
De mankementen zijn de achtergrondkleur om bepaalde teksten beter te laten uitkomen die niet verschijnt alsook de uitlijning/inspringing die niet correct wordt weergegeven.
In bijlage staan de formulieren afgebeeld: bovenaan de correcte weergave (Internet explorer, Google Chrome en Safari), onderaan de foute weergave bij FireFox.
Volledigheidshalve wordt de tekst van het scriptje eveneens weergegeven.
Hopelijk kan de oorzaak van het euvel worden gegeven met een voorstel tot remediëring.

Met vriendelijk dank op voorhand,

nIhIlO

 

[grumbkow]

Heb je een online voorbeeld? kan je 100% zeker zeggen dat de code niet gevalideerd is, waardoor browsers niet allemaal hetzelfde doen.

 

[NIh1IlO]

Het formulier kan geopend worden op deze link.
Het antwoord op het tweede gedeelte van de vraag kan ik niet beantwoorden.

nIhIlO

 

[grumbkow]

Dat kan ik wel zeggen =)
Er mist een DOCTYPE, dit geeft aan wat voor type HTML de code in is geschreven, als dit niet aangegeven wordt kan het zijn dat verschillende browsers gaan gokken en allemaal wat anders kiezen waardoor de code verkeerd gelezen kan worden.

 

[NIh1IlO]

Beste grumbkow,

Bedankt voor de reacties.
Het betreft een scriptje dat aangemaakt is met de scripteditor van Google Docs (Spreadsheets) en dat ingekapseld (gelinkt) zit in een pagina gemaakt met WordPress.
Het is eigenaardig dat enkel Mozilla Firefox het laat afweten terwijl Safari (dat meestal gelijkaardig als Firefox reageert) het formulier WEL correct weergeeft.
Het scriptje zelf aanvaardt geen code voor Doctype.

Misschien ligt de oorzaak ergens anders of hoe moet/kan eventueel tegemoet gekomen worden aan het mankement?

Mvg,

nIhIlO

 

[grumbkow]

Het wordt ingelezen als HTML pagina dus een DOCTYPE is gewoon nodig.
Tevens is Safari gebasseerd op de webkit dus functioneert het eerder als Google Chrome dan Firefox, waar Firefox zelf eigenaardig is, maar het super doet zolang de code maar correct is.

 

[NIh1IlO]

OK grumbkow, maar hoe moet dit in de praktijk worden omgezet vermits dit niet kan in het scriptje zelf?

 

[grumbkow]

dat script klopt sowieso voor geen kant, ik zou hem helemaal opnieuw opbouwen en dan meteen in HTMl, dit is allemaal javascript gezeur wat omgezet wordt, waardoor ik helaas ook niet kan zien welke HTML het nou moet zijn.
Of er mee leven dat hij in FF niet klopt (wat ik trouwens niet zie want hier in Firefox komt er niets raars ofzo)

 

[NIh1IlO]

Inderdaad er is misschien niets raars bij FireFox maar de weergave is anders dan bij de 3 andere browsers die blijkbaar wel doen wat vooropgesteld werd.
In de bijgevoegde afbeelding (oorspronkelijke bijlage) is er duidelijk een verschil te zien:
- de bovenste lijn bevat een tekst in gele kleur op een blauwe achtergrond in grotere letters,
- de groene tekst onder de titel is gecentreerd,
- er zijn items met een gele achtergrond,
- er zijn items met gele letters op een rode achtergrond die inspringen.
Dit zijn punten die NIET te zien zijn bij FireFox. De opsmuk in FireFox is niet conform deze bij de 3 andere vermelde browsers.

Mvg,

nIhIlO

 

[grumbkow]

Ik had inderdaad wel door dat het anders was, maar gezien het automatisch is gebouwd door google docs en het wel functioneert zou ik er verder geen tijd en aandacht aan besteden.

 

[NIh1IlO]

Bedankt voor het meedenken grumbkow.
Tijd aan besteden is voor mij geen probleem.
Aandacht aan besteden wel: het is immers een formulier dat op de site staat en dat er dus best zo goed mogelijk uit ziet. Onze Firefox bezoekers bedragen zo'n 12 %. Het loont dus zeker de moeite om ook die groep te verwennen met een goede 'presentatie'.

nIhIlO

 

[NIh1IlO]

Er werd nog geen oplossing gevonden voor het geseinde euvel zodat de status NIET op 'opgelost' kan gezet worden.