Salut,
 
L'une de mes pages est plutôt complexe par rapport aux autres. Elle n'utilise toujours pas de tableaux et repose entièrement sur les CSS.
 
Normalement, c'est sensé fonctionner partout (car W3C compliant), mais...
 
Pour être sûr de mon coup, j'aimerais savoir ce que ça donne sur différents navigateurs et résolutions, car je ne possède que IE6 et Moz 1.2
 
Pouvez-vous me dire ce que ça donne selon votre navigateur / résolution ?
 
http://www.alsacreations.com/realisations.php

ben avec firebird (basé sur moz 1.4a) ça a l'air de passer sans pb (sous Linux)

> win2k 1024*768 SP3
 
- IE 5.5 nickel (scrollbar vertical)
- Kmeleon Version 0.7 nickel (et sans scrollbar)
 
 

Mjules > firebird ? tiens, je ne connaissais pas
 
simogeo > scrollbar vertical sur du 1024, c'est étonnant.. le scroll est important ?
Kaméléon > c'est aussi un gecko-based ?
 
En tout cas, merci pour les tests... j'attends avec impatience le verdict de NN4.x  

[citation=390982,1]
simogeo > scrollbar vertical sur du 1024, c'est étonnant.. le scroll est important ?
[/citation]
 
2 centimetres.  
 
[citation=390982,1]
Kaméléon > c'est aussi un gecko-based ?
[/citation]
 
yes    
 
 
>> Avec Netscape 7.01 no problem (ni scrollbar)

Thx, merci pour le dévouement  

firebird, c'est le nouveau nom de l'ancien projet Phoenix

Rien ne s'affiche sous NS4.7  

Ok sur Opera 7.11
 

Phoenix sous SunOS : Nickel
 
au passage, chapeau, je trouve ca pas mal  

Merci tout le monde, me voilà rassuré sur le Positionnement CSS
 
PS pour flyman30 : oui, NN4 ne gère pas très bien les CSS et notamment le positionnement en CSS.
 
Mais j'ai pris le pari de coder le site en XHTML strict et en full-CSS...  
Tant mieux pour les Standards, Tant pis pour les vieux browsers

Konqueror 3.1.1a sous OpenBSD 3.3 : Nickel.
 
Par contre, le innerHTML dans tes scripts, c'est loin d'etre indispensable (c'est pas standard et ça marche pas sous Opera 6), surtout que tu t'en sers pas pour insérer des balises, juste pour changer du texte.

Juste pour dire qu'il explose littéralement quand on réduit la taille de la fenêtre :
 

 
C fait pas très pro

PS: problème avec IE 6 SP1
 
Avec NS 6.2, le problème est différent, mais c'est merde très largement autant

De travailler avec des fenêtres aussi petites ?

Plusieurs choses :
 
Sous opera 6, ça merde complêtement. Les rollovers ne fonctionnent pas (je veux dire par là, les textes qui devraient normalement s'afficher quand on passe sur tes liens).
 
Sous IE 5.5 et Mozilla 1.0, c'est bon.
 
Une remarque : je trouve que tes rollovers progressifs ne sont pas du meilleur effet, ça saccade un peu. Je me demande si ça serait pas mieux avec un rollover simple.
 
Tes problèmes de positionnement sous Opera 6 sont liés à ce qu'indique Magic. Quand on réduit une fenêtre, il n'est pas normal que les éléments se supperposent.

En fait le problème vient surtout de l'image en haut à droite, qui fout un sacré bazar quand la largeur de la fenêtre est trop petite.
 
Tu devrais utiliser le positionnement absolu pour la placer et non pas les flottants.
 
Ou alors tu ajoutes un <div style="clear: both;"></div> à la fin de <div class="header">
 
 
Enfin pour NS 4 il n'est pas normal qu'on ne voit rien du tout. Les stantards oui, mais un site doit rester visible quelque soit le navigateur quand même.

Les problèmes de positionnements sont tout à fait normaux sur petites fenêtres : le header est composé de deux éléments de 570 et 200 px, donc un total de 770 px.
 
Donc dès que la largeur de fenêtre passe en-dessous de 770px, ça décale tout... désolé pour les résolutions inférieures à 800x600
 
Hermes le Messager : "Sous opera 6, ça merde complêtement."
>>> Je crois que le innerHTML n'est pas géré par Opéra    Cela n'empêche pas la navigabilité sur le site cependant  
 
"Une remarque : je trouve que tes rollovers progressifs ne sont pas du meilleur effet, ça saccade un peu. Je me demande si ça serait pas mieux avec un rollover simple."
>>> Question de point de vue... on m'avait reproché le contraire : un rollover simple fait agressif, alors que l'ambiance du site est zen

 
Non, ce n'est pas normal. cf mon dernier site( http://www.birgit-binnewies.com ) (la cliente ne l'a pas encore rempli, je me demande ce qu'elle attend, mais bon )
Tu peux parfaitement redimensionner à loisir. Tu auras des barres de défilement qui apparaitront.
 

 
J'ai déjà vu plusieurs sites qui utilisent le même principe (et même des menus bcp plus complexes) qui passent parfaitement sur opera 6. Personnellement, j'aime bcp développer pour Opera 6 et Moz, parce que quand ça passe sur les deux, ça passe pratiquement partout (gain de temps) Opera 7 est bcp plus permissif et s'est bcp adapté aux "sites pour IE".
 
 

 
 
En fait, ce n'est pas tant la progressivité qui me gène, c'est surtout les saccades dans la progressivité. Comment as-tu procéder pour ça ?  

innerHTML sous Opera 6 >
 
Voici la fonction en question (j'ai vérifié, getElementById fonctionne bien sous Opera 6) :
 

 
Et voici l'appel à la fonction :
 

 
C'est peut-être un peu lourd comme code, mais je ne vois pas ce qui cloche    
 
Rollovers saccadés > bizarre car chez moi c'est très fluide. Il ne s'agit que d'un gif animé où je dégrade la couleur

Enfin son site est un peu différent, car il prend toute la largeur de la fenêtre.
Mais le problème vient essentiellement de l'image en haut à droite.

Enfin c'est surtout que Opera 7 offre un meilleur support de DOM...

 
on est d'accord, mais j'ai bel et bien vu des sites qui n'ont pas de blèmes avec opera 6 pour ce genre de choses. (C'est vrai qu'opera 6 a pas mal de problèmes, en même temps, quand ça passe avec, on est tranquille...   )
C'est vrai que le positionnement dans son cas repose sur des %. Il faudra que je fasse des tests sur ce genre d'interface. Je n'aurais pas le temps cet après-midi, mais ce soir, je vais me pencher un peu dessus pour voir ça (c intéressant).

 
Tu as raison sur le fond, mais comme le dit GM il n'est quand même pas normal qu'il n'y ai AUCUN affichage sous NS4.7 même s'il n'est pas beau il serai souhaitable de pouvoir regarder ton site  

Oui, tu as raison également
 
Et si je passe par un @import pour appeler ma feuille de style, vous pensez que ça arrangera les choses pour les vieilles bestioles (NN4 par ex) ?

Ben oui.

 
si le site a été bien pensé, oui ça devrait résoudre ton problème. En fait un site bien pensé peut même fonctionner avec un browser textuel. Il suffit de respecter certaines rêgles très simples (comme éviter les onclick à la place des <a ... etc... )

Non non...
 
http://test.manga-torii.com/cooldesign.asp
 
-> HTML 1.1 Strict avec CSS uniquement, pas de tableau ni rien.
 
Ca s'affiche (plus ou moins correctement) sur tous les navigateurs, et si tu réduits la taille de la fenêtre, rien ne bouge.
 
-- Edit : Avec NS 4.78, ça merde à mort, certes, mais on voit le texte --

W98 IE5.5 1152*864 : impeccable

Même remarque qu'à HLM, ce n'est pas le même genre de site. Toi tu as une largeur fixe, pas Sibelius.

<div avec un width=100%>
   <div avec un width=770 et hidden></div>
   <la page />
</div>
 
Ce système bête comme choux permet de faire ce qu'il veut, et bocke le redimensionnement lorsque la page fait moins de 770 px de large (largeur en 800x600)

Mouais enfin ça fait apparaître une barre de défilement horizontale et donc à scroller horizontalement ce qui n'est pas idéal comme comportement.
 
Les CSS permettent d'avoir un design fluide et de placer les élémets les uns sur les autres lorsque la largeur est insuffisante. Encore faut-il que ce soit bien fait

Ouais sauf que si tu superpose trop, tu vois plus rien, donc à un moment, il vaut mieu scroller mais garder un site utilisable que de ne pas scroller et d'avoir un site inutilisable

D'où mon "Encore faut-il que ce soit bien fait". Les éléments ne doivent bien entendu pas se superposer.

Arg, je viens de changer la disposition et il arrive des choses bizarres sur IE :
 
Lancez http://www.alsacreations.com/realisations.php et dites-moi ce que vous avez à l'affichage
 
Modifiez la taille de la fenêtre -->    
 
Ps : ce n'est pas une question de cache, ça me le fait à chaque fois que j'ouvre sur une nouvelle fenêtre

Ca merde vaguement pareil.
 
Par moments, le cadre à droite contenant les réalisations disparaît.

Le bloc de droite (celui qui contient les réalisations) qui "saute" ? Oui c'est "normal" IE gère comme un pied les flottants (cf FAQ)
 
Sinon avec Mozilla, quand la largeur est trop étroite les petits cadres numérotés passent en dessous de la barre verte du bas.

Chouette
 
Bon, ben on va reprendre tout ça

Sous IE aussi par part en dessous, y'a juste à des moment ça disparaît complètement (comme ça y'a plus de problème )

Bah la première version marchait bien non ?