Website weergave in Firefox

Status
Niet open voor verdere reacties.
D

Designforweb

Nieuwe gebruiker
Lid geworden
7 jan 2012
Berichten
4
Kan iemand mij helpen?

Wij hebben een website met daarin pagina's die bij google hoog komen te staan.

Pagina's gemaakt door een bedrijf wat hierin gespecialiseerd is en kopie's van die pagina's die door mijzelf zijn gemaakt. Deze werken bij IE en bij google, echter de pagina;s door mij gemaakt worden niet goed weergegeven in FireFox, terwijl het bijna kopietjes zijn van de originele pagina's. Verder wordt de website ook gewoon goed weergegeven.

Ik weet niet of beide links van de pagina mag geven op dit forum...
Weet iemand een oplossing, iets wat ik in de html-code moet aanpassen.
Ze zijn al vergeleken met windiff maar er zit alleen verschil in zichtbare tekst en een drietal afbeeldingen.

Alvast bedankt voor reactie's. ik hoop dat iemand mij kan helpen want firefox en google chrome worden volgens mij steeds meer gebruikt.

Groetjes Wessel Jansen
 
Volgens mij is het toevoegen van een link niet verboden, dus probeer het maar eens.
 
De CSS is kapot; de link http://www.boxershopping.nl/images/cataloge.css geeft via de ingebouwde Firefox source viewer rare tekens. Probeer maar eens, ga naar source view (ctrl+shift+U) en klik op de CSS link. 't Rare is dat 'ie het wel gewoon direct doet (ie. URL in adresbalk plakken). Hetzelfde geld voor de Google Analytics code. Hoe dit komt moet ik je helaas verschuldigd blijven, ik heb geen flauw idee.


Oh, trouwens, als je een <base> hebt, hoef je niet steeds de complete URL op te geven. De CSS link (sowieso links, plaatjes en scripts) kunnen dan zo:

HTML: 
<link rel="stylesheet" type="text/css" href="images/cataloge.css" />
 
Laatst bewerkt:
Ja, merkwaardig, om niet te zeggen: zéér merkwaardig! :shocked:

  1. Met Firebug zie ik ook rare tekentjes als ik bij de twentini-pagina het css-bestand wil bekijken, bij de andere pagina komt er gewoon het css-bestand.
  2. In de twentini-pagina is de link naar het css-bestand goed, en het css-bestand zelf is ook goed (identiek resultaat in de css-validator), maar toch werkt de css niet in FF of Chrome: als ik de pagina in FF of Chrome bekijk, doet ie het niet.
  3. Als ik de pagina via FF met Bestand:Opslaan lokaal opsla, doet ie het niet in FF of Chrome.
  4. Als ik de pagina via InternetExplorer7 met Bestand:Opslaan lokaal opsla, doet ie het ook niet in FF of Chrome.
Maar: als ik de broncode van de twentini-pagina kopieer, en ongewijzigd *) met een htm-extensie opsla, doet ie het gewoon goed in alle browsers!
Ik kan niets anders verzinnen dan dat het originele bestand op een of andere manier "corrupt" is geworden (met een inwendige fout, die je van buitenaf met een html-editor niet kunt zien), en dat het opslaan van de gekopieerde broncode die fout heeft weggewerkt.

Wat gebeurt er als je mijn testpagina naar je server uploadt?

Met vriendelijke groet,
CSShunter
__________
*) Alleen een <meta>-regeltje met "noindex,nofollow" is toegevoegd om de testpagina buiten Google te houden.

PS: welke html-editor gebruik je om de pagina's mee te maken?

<edit>
Ah, ik zie het al (met Notepad++). :)
Het originele bestand is opgeslagen met een "UCS-2 Little Endian" codering, terwijl de <meta>-regel in de pagina zegt dat het een "iso-8859-1" charset is. Dat kunnen FF en Chrome niet aan: als een html-pagina niet de codering heeft die deze zegt te hebben, gaat het fout. Internet Explorer is niet consequent, en doet alsof zijn neus bloedt.
Conclusie: het heeft aan je html-editor gelegen, die het op z'n geweten heeft.
</edit>
 
Laatst bewerkt:
Bedankt voor het antwoord Css Hunter, het wordt mij al wat duidelijker.
Wat is het verschil om het op te slaan als Htm ipv html?
en weet jij of iemand anders een goede gratis html editer?
Ik zie wat vb als: html-kit en kompozer en NVU?
Het gaat er mij om dat ik de code kan kopieren, in het programma plakken en eigenlijk weer opslaan. Zodat het dus niet met het kladblok hoeft...

Groetjes wessel
 
Beste Allemaal,

Volgens mij is het gelukt! Ik heb nu HTML-Kit, daar heb ik de juiste pagina in aangepast naar Twentini ondergoed, opnieuw opgeslagen en geupload naar de Server.
Deze pagina is nu goed zichtbaar in Firefox en Chrome en IE uiteraard. Ik denk alleen dat ik dit nu met alle pagina's die ik zelf heb gemaakt moet doen haha.

Wil iemand voor mij nog checken of hij nu goed is, heb het zelf ook gedaan maar op andere computers is het toch altijd beter. www.boxershopping.nl/twentini-ondergoed.html
Alvast bedankt
 
Hoi Designforweb,
Mooi dat 't gelukt is! :)
=====
Wat is het verschil om het op te slaan als .htm ipv .html?
Klik om te vergroten...
Behalve het ene lettertje: geen verschil. Servers en browsers behandelen ze gelijk.
  • Achtergrond van het verschil: vroeger konden onder het DOS-besturingssysteem geen extensies met meer dat 3 letters gebruikt worden. Dat ligt nu anders: alle huidige besturingssystemen kunnen nu ook 4 of meer letters hebben.
Zelf gebruik ik altijd .htm, dat scheelt weer tikwerk en ik ben nogal lui van aard. ;) Het is wel handig om consequent de ene of de andere manier te gebruiken, anders krijg je voor je het weet een "Pagina Niet Gevonden" als je een link naar een pagina niet de goede uitgang hebt gegeven.
=====
een goede gratis html editor?
Klik om te vergroten...
Ja, Webkit is goed, en KompoZer ook (die heeft ook een NL-versie; en een ontwerp-venster). NVU was de voorganger van KompoZer, die zou ik niet nemen, want die wordt niet meer bijgehouden.
Voor problemen met coderingen e.d. is Notepad++ erg handig; die kan ze zo converteren:

notepad++codering.png

=====
De check:
  • Firefox, Internet Explorer 7, Chrome, Opera en Safari doen het bij mij goed.
  • Volgens de online Netrenderer, waar je alle Internet Explorers op kunt zien, komen IE8 en IE9 ook goed uit de bus.
  • Positief, dus! :)
=====
Images nog aandachtspunt.
Punt van aandacht zijn de images die gebruikt zijn. De banner is 1.425px breed, en die past er dus bij een resolutie van 1280*1024px niet op. De rechterkant met de merknamen wordt afgesneden:

boxershopping-1280x1024.png

En bij de ook nog door sommige bezoekers gebruikte resolutie van 1024*768px zijn de merken helemaal niet meer te zien:

boxershopping-1024x768.png

Oplossing is om de breedte van de banner terug te brengen tot 990px; met een beetje schoffelen hoeven de merknamen niet verkleind te worden (zodat ze nog leesbaar blijven).

Verder zijn de drie afbeeldingen in de inhoud een stuk groter dan ze getoond worden.
Via de browser worden ze verkleind tot 200px hoog, maar browsers kunnen dat niet zo goed.
Je kunt afbeeldingen beter verkleinen tot de ware grootte die op scherm moet komen, dat levert een betere kwaliteit. Meestal kan je ze het beste opslaan als .png-bestand (.jpg wordt vaak wat smoezelig). Bij het verkleinen met een tekenprogramma kan je tegelijkertijd de afbeeldingen wat verscherpen en zo nodig wat meer contrast geven, plus wat correcties maken op ingescande foto's:

twentini-verkleining.png

Op ware grootte maken levert ook images die kleiner in omvang zijn, dus een snellere pagina! Vergelijk:
Code: 
[FONT="Courier New"][SIZE="2"][COLOR="darkred"]
Oorspronkelijk:

banner.jpg:              1425px*190px,     156kB
twentini-ondergoed1.jpg:  576px*768px,     205kB
twentini-ondergoed2.jpg:  768px*576px,     116kB
twentini-ondergoed3.jpg:  576px*768px,     188kB
                                           =====
                                           665kB

Na terugbrengen tot ware grootte:

[URL="http://bliksekaters.nl/tests/images/boxershopping-banner-nw.png"][U]boxershopping-banner-nw.png[/U][/URL]: 990px*132px,   35kB

[URL="http://bliksekaters.nl/tests/images/twentini-ondergoed1-nw.png"][U]twentini-ondergoed1-nw.png[/U][/URL]:  150px*200px,   63kB

[URL="http://bliksekaters.nl/tests/images/twentini-ondergoed2-nw.png"][U]twentini-ondergoed2-nw.png[/U][/URL]:  267px*200px,   29kB

[URL="http://bliksekaters.nl/tests/images/twentini-ondergoed3-nw.png"][U]twentini-ondergoed3-nw.png[/U][/URL]:  150px*200px,   56kB
                                           =====
                                           183kB ~ 27,5% !
[/COLOR][/SIZE][/FONT]
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan