Discussion :

[popcorn]

Bonjour tout le monde,

J’ai une question w3c, j’ai une page dont la hauteur peut différer selon le contenu.

La hauteur sera calculé (en php) et idéalement spécifier directement au <div>, par contre, j’ai cru comprendre que <div style=height : 1200px> n’est pas standard W3C et non supporter sur toutes les plateformes. Le fait que la valeur est dynamique je ne veux pas le mettre dans le CSS.

Bien sûr, je pourrais définir plusieurs class avec différentes hauteurs qui me permettraient selon la hauteur calculer d’utiliser une class ou une autre dynamiquement, mais ce n’est pas l’idéal.

L’idéal serait d’utiliser cette hauteur directement dans le code.

Que dois-je faire pour respecter les normes w3c pour la hauteur dynamique?

Merci de votre aide

[HiRoN]

Salut,

Que dois-je faire pour respecter les normes w3c pour la hauteur dynamique?

Dans le cas de figure que tu donnes, à savoir :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style=height : 1200px></div>

Juste rajouter des " de façon à avoir :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="height:1200px"></div>

[popcorn]

Désolé, je n’avais pas mis le " dans l’example à cause que j’avais un problème avec mon clavier, on m’a déjà dit que l’utilisation de style n’est pas supporté par w3c. Est-ce vrai?

C'est déjà le format que j'utilise <div style="height:1200px"></div>.

[HiRoN]

On m’a déjà dit que l’utilisation de style n’est pas supporté par w3c.

Pour ma part, je dirai que ça ne l'est pas.
L'utilisation de "style" directement dans une balise est encore (et toujours) supporté (sauf erreur de ma part). Cela permet dans certains cas de ne pas avoir à créer de nouveaux styles dans une feuilles CSS pour des éléments dont l'utilisation de celle-ci ne serait pas justifiée.

As-tu tenté de valider une page ayant cette structure, avant d'affirmer que ce n'était pas valide w3c ?

[popcorn]

Mon site n'est pas encore online.

Quels outils me conseillez-vous pour valider les standards W3C localement?

Merci

[Bovino]

En fait, c'est la notation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div height="1200">

qui n'est pas conforme xhtml strict. Il est demandé, au contraire, de passer par l'attribut style pour mettre en forme le document :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="height:1200px"></div>

[mdr_cedrick]

Mon site n'est pas encore online.
Quels outils me conseillez-vous pour valider les standards W3C localement?
Merci

tu peux tout à fait te rentre sur le site du validateur w3c http://validator.w3.org/ et rentrer directement ton code html ("Validate by Direct Input")
de cette manière tu peux tester sans soucis
tu peux également installer firebug si tu as firefox ainsi, même en local, tu pourras faire valider ton code (raccourci ctrl+maj+a)

bon courage

[romain_ci]

On m’a déjà dit que l’utilisation de style n’est pas supporté par w3c. Est-ce vrai?

C'est déjà le format que j'utilise <div style="height:1200px"></div>.

Deja on ne sais même pas si ta dtd est en transitionnelle ou strict...
Si c'est du transitionnelle ca devrait passer au validateur je pence... Si c'est du strict ca ne passera pas.

Avec le Strict toute la mise de style doit ce faire avec le css.
Sinon pour repondre a ta question du debut. Comment donné une taille dynamique sans passer par le css et valid W3C... hey bien je dirait que le Javascript te permet de faire ceci.

[Bisûnûrs]

Si c'est du strict ca ne passera pas.

Avec le Strict toute la mise de style doit ce faire avec le css.

Eh bien non, le Strict permet l'utilisation de l'attribut style dans les balises. Même le XHTML 1.1 le permet.

Sinon pour repondre a ta question du debut. Comment donné une taille dynamique sans passer par le css et valid W3C... hey bien je dirait que le Javascript te permet de faire ceci.

Pourquoi faire simple quand on peut faire compliqué.
Vu que l'attribut style est autorisé, autant l'utiliser. Sinon, sans passer par du Javascript, on peut tout à fait faire une feuille de style dynamique, en PHP.

[ThomasR]

Bonjour,

tu dis que la hauteur de ton div est dynamique selon son contenu, nativement en HTML plus tu mets de contenu dans un <div/> plus celui-ci s'aggrandit.

Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div>epio,zgpingezoignzegozin</div>

est plus petit que :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div>epio,zgpingezoignzegozin<br/>ienozingozgezoingez</div>

Si tu veux simplement définir une hauteur minimale, c'est la propriété min-height qu'il faut utiliser et non height car cette dernière (height) représente la hauteur fixe.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.Content {min-height:600px;}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="Content">...</div>

Pour IE6 height correspond à min-height.