IE7 contre IE6

Mammouth du PHP | 601 Messages

18 nov. 2006, 04:27

si tu évite les margin et padding je serai curieux de savoir comment feras tu si on te demande un site liquide ?
Je vais souvent voir les designs du cssgarden, et dans tout se que j'y ai vu, il y a abondement cela et d'autres techniques. Je ne parle pas de hack qui n'a pas de compatibilité ascendante, ils utilisent les spécifités des navigateurs plus conforme qu'IE. Plutôt le manque de prise en charge d'écriture parent/enfant d'IE. Du coup ce problème se transforme qualité, puisque avec de l'imagination sa permet de faire des designs en fonction du navigateur et cela très simplement.
ex :

Code : Tout sélectionner

body>#filou{...}
Ne s'affichera pas dans IE.
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"

Eléphant du PHP | 312 Messages

27 nov. 2006, 12:24

Du coup ce problème se transforme qualité, puisque avec de l'imagination sa permet de faire des designs en fonction du navigateur et cela très simplement.
Ca permet surtout de se prendre la tête à devoir débugger un design supposé terminé et augmenter la longueur de la CSS.

Ca permet aussi aux feignants/débutants de continuer à coder avec des tableaux sous prétexte que ça évite de s'arracher les cheveux.

Non, non, les normes, les standards, tout ça c'est bien. Le hic c'est qu'avant de les faire appliquer aux webmasters/designers, il faudrait que les éditeurs d'explorateurs suivent les mêmes.

Note : qu'est-ce qu'un "site liquide" ?

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

27 nov. 2006, 12:44

Un site liquide est un site dont le contenu s'adapte a l'écran.

Si tu modifie la taille de la fenetre, tu vois le contenu se modifié pour occuper le maximum de place sans jamais que la mise en forme ne tombe ;)
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

Eléphant du PHP | 312 Messages

27 nov. 2006, 12:47

oki, c'est la première fois que je croise cette appellation =)

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

27 nov. 2006, 12:56

Il existe 3 techniques de design qui s'adaptent bien à toutes les résolutions actuelles :
  • icy : fixe
    le site a une largeur fixe (en général 760px) et se colle à droite ou à gauche.
    www.lemonde.fr
  • jelly/liquid : liquide
    le site a une largeur fixe mais se place toujours au milieu du navigateur.
    www.alsacreations.fr
  • fluid : ben... fluide
    le site a une largeur proportionnelle à celle du navigateur.
    www.alsacreations.com
http://css.alsacreations.com/Tutoriels- ... esolutions
http://p7app.geneve.ch:8007/spip/articl ... rticle=150
http://www.css4design.com/blog/index.ph ... ou-liquide

Mammouth du PHP | 601 Messages

27 nov. 2006, 16:27

j'avais lu qu'un site liquide c'était un site qui s'adapte à l'écran 'avec des images'
un design fluide c'est un site qui s'adapte à l'écran 'sans images'
Les autres sont fixe.
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"

ViPHP
fab
ViPHP | 2657 Messages

27 nov. 2006, 19:14

avec des astuces on peut toujours faire un design fluide même avec des images.
Seul l'intelligent a le pouvoir de se trouver con
try { work(); } catch(FlemmeExeption $e) { sleep(84600); }

Petit nouveau ! | 4 Messages

27 nov. 2006, 20:49

Bonjour, juste un mot pour ajouter peut-être à la confusion, mais

- un site liquide est centré ou pas, avec une largeur qui s'adapte à celle du navigateur.
- un site fluide, c'est la même chose ;)
- un site fixe est centré ou pas, et possède une largeur fixé par avance
- un site élastique est un site fixe (centré ou pas) en apparence mais qui supporte un certain taux d'agrandissement sans que tout parte en live.

On peut considérer qu'un site élastique est au départ un site fixe qui utilise des valeurs relatives (em, ex) pour définir les dimensions des textes et des autres éléments. La difficulté vient souvent des images qui possède par nature une taille fixe. Mais avec un peu d'astuce et d'espièglerie on peut s'en sortir ;)

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

27 nov. 2006, 21:03

un peu d'astuce et d'espièglerie
Peut-être mais moi, je préférais Albator ! ;)

Petit nouveau ! | 4 Messages

27 nov. 2006, 21:45

Je regardais les deux ;)

Eléphant du PHP | 312 Messages

28 nov. 2006, 15:13

Pourtant après lecture de quelques pages, il semblerait que ça soit les définitions de albat qui soient les plus utilisées :

- icy : non-centré, largeur fixée
- jelly/liquid : centré, largeur fixée
- fluid : largeur non-fixée

Personnellement je fait surtout du fluide, le problème c'est que je bosse sur une grande résolution (1900x1200) et je suis jamais fan du résultat graphique trop étendu.
Mais après toute cette petite lecture, je pense que je vais me mettre à faire des mix liquid/fluid, plus particulièrement en appliquant la règle des 4 pouces.

Mammouth du PHP | 601 Messages

01 déc. 2006, 19:33

pour répondre je tiens à dire que je fais avec les standards, d'ailleurs je suis pas en stric à cause du javascript, en pratiquant je me rnd compte que c'est un peu moins anarchique...
http://creatif-web.be/marguerite/index.php
Cette fois j'ai tout, opéra, FF, ie.
design liquide.
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"

Petit nouveau ! | 4 Messages

01 déc. 2006, 20:30

A la lecture de vos messages, je pense intégrer quelques unes des précisions apportées ici au sujet des design icy, fluid ou liquide ou élastique.

Je pensais réécrire mon billet de toute manière car c'est un des premiers que j'ai écrit et il est loin d'être complet ;)

Mammouth du PHP | 601 Messages

01 déc. 2006, 22:50

puisqu'on est dans le troll..
ton explication sur ton cadre liquide est bonne et me sert, avec quelque adaptation j'ai pu en faire, un truc liquide dans la largeur, et donc sa me sert.
Merci à toi pour cet excellent tuto.
Du coup comme développeur, je peux mettre des textes dynamiques le cadre s'adapte en largeur et hauteur ;)
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"

Petit nouveau ! | 4 Messages

01 déc. 2006, 23:17

L'est où le troll ? Bon, en tout cas, ravi que le cadre liquide de mon tuto serve à quelque chose ;)