[W3C] Question w3c et height

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 :D

Salut,

Citation:

---

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

---

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

Code:

---

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

---

Juste rajouter des " de façon à avoir :

Code:

---

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

---

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>. :)

Citation:

---

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 ?

Mon site n'est pas encore online.

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

Merci

En fait, c'est la notation :

Code:

---

<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:

---

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

---

Citation:

---

Envoyé par popcorn

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

Citation:

---

Tu peux également installer firebug si tu as firefox ainsi, même en local, tu pourras faire valider ton code (raccourci ctrl+maj+a)

---

+1, il existe aussi d'autres extensions dans le même genre (si je dis pas de bétises, la barre d'outils "Web Developper" le fais aussi)

Citation:

---

Envoyé par popcorn

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.

:king:

Citation:

---

Envoyé par romain_ci

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.

Citation:

---

Envoyé par romain_ci

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.

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:

---

<div>epio,zgpingezoignzegozin</div>

---

est plus petit que :

Code:

---

<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:

---

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

---

Code:

---

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

---

Pour IE6 height correspond à min-height.

Citation:

---

Envoyé par ThomasR

Bonjour,
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.


Pour IE6 height correspond à min-height.

---

Malheureusement mi-height et max-height n'est pas supporté par tous les browser:(.

Ce que je fais, c'est que losrque que j'enregistre un message, j'utilise javascript pour transférer le résultat de scrollheight dans un input hidden que je sauvegarde dans ma base de donnée
Quand j'affiche ce message j'utilise cette donnée en px pour définir la hauteur.


Merci pour tout ces réponses, je trouve les gens de ce forum trop sympa:yaisse2:

Je vais regarder firebug

Citation:

---

Malheureusement mi-height et max-height n'est pas supporté par tous les browser.

---

Si, tous sauf IE6. Comme dit plus haut pour IE6 il suffit d'utiliser height.