[browsercheck]: IE5/Win en alles op Linux

http://www.annekekruit.nl/

Ik wil graag weten of dit probleemloos (referentie: Firefox) werkt op:

Ik heb zelf getest op:

  • IE5/Mac
  • Opera 7.54(mac)
  • Safari op Jaguar
  • Firefox 1.1
  • Camino 0.9
  • Netscape 7.01

[b:33c8c892ee]WAARSCHUWING[/b:33c8c892ee]: dit is een live-site! geen testomgeving!

Ziet er goed uit in Safari met OS Phanter.

Als het op [url=http://validator.w3.org]w3.org[/url] goed is, [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.annekekruit.nl%2F]en dat is het[/url] dan wordt het meestal wel weergeven in alle browsers. Vooral ook omdat het een erg simpelle site is zonder al te veel tierlanteintjes denk ik niet dat je je al te veel zorgen hoeft te maken.

Safari is gebouwd op khtml ( zoeken op khtml ) dit is de engine die de kde engine gebruikt ( xWindow manager ) dus ik denk dat het daar ook wel goed in zal lopen ( ik heb geen linux bakken met xWindows tot beschikking nu… ). Verder wordt er standaart gebruik gemaakt van Firefox en soms nog Netscape en Mozilla in linux, aangezien die niet veel verschillen met de windows versie zul je daar ook niet veel zorgen over te hoeven maken.

  • Firefox in windows --check
  • IE 6.0 – check

Ik zal morgen even in IE 5.0 voor je kijken op kantoor…

[quote:0df01b281b="rburgt"]Als het op [url=http://validator.w3.org]w3.org[/url] goed is, [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.annekekruit.nl%2F]en dat is het[/url] dan wordt het meestal wel weergeven in alle browsers. Vooral ook omdat het een erg simpelle site is zonder al te veel tierlanteintjes denk ik niet dat je je al te veel zorgen hoeft te maken. .[/quote:0df01b281b]

Was het maar waar – daarom vraag ik of alles goed werkt in genoemde browsers.
Het mag er simpel uitzien, de CSS kan op bepaalde punten voor ellende zorgen; voor IE5/Mac heb ik corrigerende maatregelen moeten nemen.

Ubuntu Linux met Firefox:

Ziet er goed uit. Alleen lopen de agenda item’s op de hoofd-pagina soms over de content heen. (zoals “Kenismaking met natuurgeneeskunde” maar dan zonder typevoutje)

[quote:3ed03e3129="Woziak"] Alleen lopen de agenda item's op de hoofd-pagina soms over de content heen. (zoals "Kenismaking met natuurgeneeskunde" maar dan zonder typevoutje)[/quote:3ed03e3129]

Is het een enkel woord dat te lang is, of vouwen de items helemaal niet binnen de zijbalk?

Kennelijk is het font groter – zit er geen Verdana op Linux? Wat is je standaard sans-serif font?

[quote:5a248a8d60="tennapel"].... daarom vraag ik of alles goed werkt in genoemde browsers.[/quote:5a248a8d60] IE 5 in windows doet het goed op 1 ding na, de groene achtergrond van het intro blok wordt niet weergeven, hij past overigens wel de [i:5a248a8d60]padding[/i:5a248a8d60] en [i:5a248a8d60]font-size[/i:5a248a8d60] toe volgendsmij..

[quote:4983fc8380="rburgt"] IE 5 in windows doet het goed op 1 ding na, de groene achtergrond van het intro blok wordt niet weergeven, hij past overigens wel de [i:4983fc8380]padding[/i:4983fc8380] en [i:4983fc8380]font-size[/i:4983fc8380] toe volgendsmij..[/quote:4983fc8380]

Daar kan ik mee leven. Dank je voor het testen.

[quote:3f0907755d="tennapel"] Dank je voor het testen.[/quote:3f0907755d]graag gedaan...

[quote:f549e097f1="tennapel"]Is het een enkel woord dat te lang is, of vouwen de items helemaal niet binnen de zijbalk?

Kennelijk is het font groter – zit er geen Verdana op Linux? Wat is je standaard sans-serif font?[/quote:f549e097f1]

Het zijn inderdaad alleen te lange woorden. Verdana staat er niet op en het default font is “Sans”. “sans-serif” staat default op sans-serif.

Ook hier (XP: IE6) zijn er wat problemen met de groene balk. IE6.0 stond dan misschien wel niet op de lijst. Maar toch :)

Openen van de site zonder favorieten menu:
[img:0ef9686a45]http://home.planet.nl/~dorst312/screen/1.JPG[/img:0ef9686a45]
Scroll eenmaal naar beneden en weer naar boven:
[img:0ef9686a45]http://home.planet.nl/~dorst312/screen/2.JPG[/img:0ef9686a45]
Scroll nogmaals naar beneden en naar boven:
[img:0ef9686a45]http://home.planet.nl/~dorst312/screen/3.JPG[/img:0ef9686a45]

Openen van de site met favorieten menu:
[img:0ef9686a45]http://home.planet.nl/~dorst312/screen/4.JPG[/img:0ef9686a45]
Scroll eenmaal naar beneden en weer naar boven:
[img:0ef9686a45]http://home.planet.nl/~dorst312/screen/5.JPG[/img:0ef9686a45]
Scroll nogmaals naar beneden en naar boven:
[img:0ef9686a45]http://home.planet.nl/~dorst312/screen/6.JPG[/img:0ef9686a45]

ugh... dat is wel een hele rare bug; ik snap niet waarom de IE de achtergron van een div niet goed weergeeft, zal wel iets te maken hebben met de float van de img of dat de padding in em-waarden is gezet *zucht* [color=indigo:53797fb8a3]mompelt iets over internet explorer en ouwe meuk[/color:53797fb8a3].

Ik ga kijken of ik het probleem kan isoleren en of het met een eenvoudige fix te verhelpen is. Dank.

een in principe overbodige position: relative; in de class .intro was hier lokaal voldoende om de achtergrond goed weer te geven.

De site is zelfs goed te bezoeken in lynx! Dat is een text based browser, hier getest onder linux

[quote:c7b27a2450="basvandorst"]Ook hier (XP: IE6) zijn er wat problemen met de groene balk. IE6.0 stond dan misschien wel niet op de lijst. Maar toch :)

Openen van de site zonder favorieten menu:
<heleboel plaatjes />
[/quote:c7b27a2450]

ook in IE 5.5, verder werkt ie als firefox

ik zelf heb deze bug ook in een van m’n applicaties als er een oplossing is hoor ik die graag :slight_smile:

[quote:370f9d4c74="mac748"]een in principe overbodige position: relative; in de class .intro was hier lokaal voldoende om de achtergrond goed weer te geven.[/quote:370f9d4c74]

Spannend! Mijn stijlsheet bevat namelijk geen ‘position : relative’ in de class .intro …
Kan je me een screenshot sturen (of een link) waar je dat gezien hebt?

ps1. Ik ben nog niet in de buurt van een Windows bak geweest, dus heb ik niet kunnen testen.

ps2. Er zit wel een position : relative in de id “container”, maar die is zeker niet overbodig.

Om te testen heb ik je style sheet en html -van de home page - gedownload en daarna de position:relative toegevoegd. omdat een block element in pricipe de position erft van het omvattende element, zou opnieuw een position:relative overbodig zijn,maar in IE6 dus niet. Ook de combinatie van float en position:relative werkt in IE beter dan alleen float, maar dat wist je waarschijnlijk al. Op m'n werk gebruik ik een PC, thuis een mac

[quote:01c79910c1="mac748"] Ook de combinatie van float en position:relative werkt in IE beter dan alleen float, maar dat wist je waarschijnlijk al. [/quote:01c79910c1]

Sorry, Ik had je eerste bericht verkeerd geinterpreteerd, je hebt zelf een position : relative toegevoegd.

Probleem is dat position + float in safari 1.0 weer een probleem oplevert, maar met een Tan Hack kan ik deze fix voor IE6 isoleren.

Ik moet alleen eerst een PC hebben om te kijken of ik de boel niet anders kan oplossen, ik meen me te herinneren dat een padding gezet in een relatieve grootte (zoals em en %) en een float soms in IE voor problemen zorgt; ik ga beide scenario’s wel eens proberen als ik in de buurt van een PC ben.

Ok -- ik heb het probleem op kunnen lossen. Niet alleen #content, maar ook .intro en de img in de intro moest een position : relative meekrijgen.

Waarom is me werkelijk een raadsel; ik heb een soortgelijke opbouw talloze keren gebruikt zonder problemen, maar als ik er ineens een <div> met een achtergrondkleur inzet gaat het fout in IE.

Om problemen te voorkomen heb ik de boel in een geisoleerde stylesheet toegevoegd, zodat Safari er niet over struikelt.

@mac748 : dank voor de juiste hint.