Probgleem automatisch aanpassen aan schermgrootte

[yadeki]

Ik kreeg van sommige mensen te horen dat wanneer ze op een klein beeldscherm werken, de website niet krijgen te zien zoals het moet.

Ik heb reeds geprobeerd:

- schermresolutie op 800x600 gezet

Echter ik kan de fout hiermee niet simuleren.

Het gaat om volgende website: http://www.solona.be

Ik heb gevraagd een print screen te nemen en die geeft het volgende weer: zie foto's bijlage.
Ik heb ook mijn html en css bestand van de index pagina toegevoegd in de bijlage.

Kan iemand me helpen? Wat zie ik over het hoofd?

Dank je!

 

[csshunter]

Met je site is in principe niets aan de hand: in Internet Explorer 7 en 8, Firefox, Opera, Safari enz. gaat het allemaal goed, ook bij een kleinere resolutie of een verkleind venster.

Wat er wel aan de hand lijkt te zijn, is dat degene die je het screenshot met de foute weergave toezond ... niet één van bovenstaande browsers gebruikt, maar de oudere Internet Explorer 6.
Kijk: de resultaten van de verschillende IE's zijn hier mooi naast elkaar zien. En het IE6-resultaat is precies zoals op jouw screenshot!

Daarom kon jij ook de "fout" niet reproduceren.
IE6 kan soms wat moeilijk omgaan met margin-afstanden, en dit lijkt wel de "IE5/6 Doubled Float-Margin Bug" of een variant daarvan te zijn: het verticale lijntje naast het linkerblok zit op ongeveer twee keer zo'n grote afstand als bij de andere browsers.
Als je de genoemde screenshotmachine de opdracht "IE7 - IE6 Difference" in het linker uitrolvakje geeft, kun je dat mooi zien: het zwarte en het witte lijntje.
Zie voor analyse en suggesties: PIE / Position Is Everything (speciale website voor bestrijding van browser-bugs, met name de vele IE-bugs: een aanrader!).

Er zijn nu een paar mogelijkheden (en/of):

1. Je geeft je signaalgevers het advies om gauw gratis te upgraden naar IE8 (elke oudere versie heeft o.a. meer veiligheidsgaten!). Downloaden bij Microsoft en installeren gaat in een paar muisklikken. Ze lopen flink achter!
2. Nu zal het waarschijnlijk zó zijn, dat er méér mensen nog met IE6 werken en hetzelfde zien als ze naar de site gaan, maar zich niet bij jou melden. Om die te waarschuwen, zou je op de homepage een speciaal bericht kunnen vertonen voor deze mensen (de anderen zien er niets van als ze de site bezoeken), met hetzelfde advies. Dat zou kunnen door een paar regels voor IE6 binnen een zogenaamd Conditional Comment op te nemen.
3. Je gaat kijken of er een CSS-truc is om ook IE6 op het juiste spoor te krijgen. Met een beetje geluk wel.
   Maar daarvoor moet je wel IE6 binnen handbereik hebben! (ik heb die zelf in een Virtuele PC binnen mijn pc staan: schijnbaar een andere pc, met een eigen besturingssysteem, waarop dan IE6 staat). IE6, IE7 en IE8 kunnen namelijk niet gewoon naast elkaar geïnstalleerd worden, dan gebeuren er rare dingen).

Succes!
CSShunter

 

[yadeki]

Met je site is in principe niets aan de hand: in Internet Explorer 7 en 8, Firefox, Opera, Safari enz. gaat het allemaal goed, ook bij een kleinere resolutie of een verkleind venster.

Wat er wel aan de hand lijkt te zijn, is dat degene die je het screenshot met de foute weergave toezond ... niet één van bovenstaande browsers gebruikt, maar de oudere Internet Explorer 6.
Kijk: de resultaten van de verschillende IE's zijn hier mooi naast elkaar zien. En het IE6-resultaat is precies zoals op jouw screenshot!

Daarom kon jij ook de "fout" niet reproduceren.
IE6 kan soms wat moeilijk omgaan met margin-afstanden, en dit lijkt wel de "IE5/6 Doubled Float-Margin Bug" of een variant daarvan te zijn: het verticale lijntje naast het linkerblok zit op ongeveer twee keer zo'n grote afstand als bij de andere browsers.
Als je de genoemde screenshotmachine de opdracht "IE7 - IE6 Difference" in het linker uitrolvakje geeft, kun je dat mooi zien: het zwarte en het witte lijntje.
Zie voor analyse en suggesties: PIE / Position Is Everything (speciale website voor bestrijding van browser-bugs, met name de vele IE-bugs: een aanrader!).

Er zijn nu een paar mogelijkheden (en/of):

1. Je geeft je signaalgevers het advies om gauw gratis te upgraden naar IE8 (elke oudere versie heeft o.a. meer veiligheidsgaten!). Downloaden bij Microsoft en installeren gaat in een paar muisklikken. Ze lopen flink achter!
2. Nu zal het waarschijnlijk zó zijn, dat er méér mensen nog met IE6 werken en hetzelfde zien als ze naar de site gaan, maar zich niet bij jou melden. Om die te waarschuwen, zou je op de homepage een speciaal bericht kunnen vertonen voor deze mensen (de anderen zien er niets van als ze de site bezoeken), met hetzelfde advies. Dat zou kunnen door een paar regels voor IE6 binnen een zogenaamd Conditional Comment op te nemen.
3. Je gaat kijken of er een CSS-truc is om ook IE6 op het juiste spoor te krijgen. Met een beetje geluk wel.
   Maar daarvoor moet je wel IE6 binnen handbereik hebben! (ik heb die zelf in een Virtuele PC binnen mijn pc staan: schijnbaar een andere pc, met een eigen besturingssysteem, waarop dan IE6 staat). IE6, IE7 en IE8 kunnen namelijk niet gewoon naast elkaar geïnstalleerd worden, dan gebeuren er rare dingen).

Succes!
CSShunter

Dank je CSShunter!

Ik had ook al één of andere bug in IE in gedachten...

Je kan deze topic sluiten!

 

[csshunter]

Okidoki!
Maar:

Je kan deze topic sluiten!

Dat kan ik niet!
Dat kan alleen de starter van het topic, jij dus (en de mods natuurlijk). Als je ingelogd bent, staat rechts onderaan deze pagina een kadertje met "Status van deze vraag".
Ik zou klikken: "Vraag is opgelost"!

Groetjes,
CSShunter