j'aimerai en floating arriver à redimentionner un div en hauteur en
fonction du contenu.
J'ai fait plusieurs essais ici.
http://www.webshaker.net/cauchemard2.html
Mais rien a faire si je ne force pas a un moment un height quelques
part, j'y arrive pas.
quelqu'un pourrait il me dire comment faire en sorte que le cadre
contienne et le texte et la photo ???
et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
J'ai fait plusieurs essais ici. http://www.webshaker.net/cauchemard2.html
Mais rien a faire si je ne force pas a un moment un height quelques part, j'y arrive pas.
et ... clear:left; à quoi ça peut bien servir ?
<div class="wssyscol" id="wssysinfo"> <div class="hello"> <img src="http://extranet.cyberbebe.fr/userstuff/icons/i64/astrologer.png"> <div class="message"> <b>Un petit texte</b><br> Qui ne s'affiche pas du tout comme je le voudrai<br> ... comme je voudrais (comme nous voudrions)<br> Sans forcer le height a 70px; </div> <hr style="clear:left;height:1px;margin:0;color:#fff;border:none"> </div> </div>
-- sm
Le 1/11/10 10:32 PM, WebShaker a écrit :
salut.
j'aimerai en floating arriver à redimentionner un div en hauteur en
fonction du contenu.
J'ai fait plusieurs essais ici.
http://www.webshaker.net/cauchemard2.html
Mais rien a faire si je ne force pas a un moment un height quelques
part, j'y arrive pas.
et ...
clear:left;
à quoi ça peut bien servir ?
<div class="wssyscol" id="wssysinfo">
<div class="hello">
<img
src="http://extranet.cyberbebe.fr/userstuff/icons/i64/astrologer.png">
<div class="message">
<b>Un petit texte</b><br>
Qui ne s'affiche pas du tout comme je le voudrai<br>
... comme je voudrais (comme nous voudrions)<br>
Sans forcer le height a 70px;
</div>
<hr style="clear:left;height:1px;margin:0;color:#fff;border:none">
</div>
</div>
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
J'ai fait plusieurs essais ici. http://www.webshaker.net/cauchemard2.html
Mais rien a faire si je ne force pas a un moment un height quelques part, j'y arrive pas.
et ... clear:left; à quoi ça peut bien servir ?
<div class="wssyscol" id="wssysinfo"> <div class="hello"> <img src="http://extranet.cyberbebe.fr/userstuff/icons/i64/astrologer.png"> <div class="message"> <b>Un petit texte</b><br> Qui ne s'affiche pas du tout comme je le voudrai<br> ... comme je voudrais (comme nous voudrions)<br> Sans forcer le height a 70px; </div> <hr style="clear:left;height:1px;margin:0;color:#fff;border:none"> </div> </div>
Si tu as un petit peu d'explication théorique je suis preneur.
Malheureusement ... la théorie n'est pas mon fort. et : <http://www.yoyodesign.org/doc/w3c/css2/visuren.html#propdef-float> ne nous renseigne guère quant au comportement du conteneur.
Quel est l'impact du clear left sur le div conteneur ???
On stoppe la flottaison là, le div conteneur sait donc (enfin ?) où il s'arrête, ou, puisque la flottaison s'arrête ici, le div conteneur s'apprête pour le contenu suivant, il a une idée de son layout, de la hauteur à ménager.
Il faut savoir que le float est une espèce de {position: absolute;} et que donc le conteneur n'a plus vraiment à s'en occuper (un peu comme si sorti du flux). Enfin ... grosso-merdo
Si tu as un petit peu d'explication théorique je suis preneur.
Malheureusement ... la théorie n'est pas mon fort.
et :
<http://www.yoyodesign.org/doc/w3c/css2/visuren.html#propdef-float>
ne nous renseigne guère quant au comportement du conteneur.
Quel est l'impact du clear left sur le div conteneur ???
On stoppe la flottaison là,
le div conteneur sait donc (enfin ?) où il s'arrête,
ou, puisque la flottaison s'arrête ici, le div conteneur s'apprête pour
le contenu suivant, il a une idée de son layout, de la hauteur à ménager.
Il faut savoir que le float est une espèce de {position: absolute;}
et que donc le conteneur n'a plus vraiment à s'en occuper (un peu comme
si sorti du flux). Enfin ... grosso-merdo
Si tu as un petit peu d'explication théorique je suis preneur.
Malheureusement ... la théorie n'est pas mon fort. et : <http://www.yoyodesign.org/doc/w3c/css2/visuren.html#propdef-float> ne nous renseigne guère quant au comportement du conteneur.
Quel est l'impact du clear left sur le div conteneur ???
On stoppe la flottaison là, le div conteneur sait donc (enfin ?) où il s'arrête, ou, puisque la flottaison s'arrête ici, le div conteneur s'apprête pour le contenu suivant, il a une idée de son layout, de la hauteur à ménager.
Il faut savoir que le float est une espèce de {position: absolute;} et que donc le conteneur n'a plus vraiment à s'en occuper (un peu comme si sorti du flux). Enfin ... grosso-merdo
-- sm
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne, WebShaker ecrit ce qui suit en ce 11/01/2010 22:32 :
salut.
Yo !
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
Un height:auto ne résoud pas le problème ?
Mais rien a faire si je ne force pas a un moment un height quelques part, j'y arrive pas. quelqu'un pourrait il me dire comment faire en sorte que le cadre contienne et le texte et la photo ???
Une série d'exemples dans les fiches descriptives de mycorance, en signature te permettront de voir qu'il n'est pas nécessaire de préciser une hauteur.
et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
C'est le cas dans ces fiches et ça marche sur plus de 800 de celles-ci ! ;-)
Cordialement -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
WebShaker ecrit ce qui suit en ce 11/01/2010 22:32 :
salut.
Yo !
j'aimerai en floating arriver à redimentionner un div en hauteur en
fonction du contenu.
Un height:auto ne résoud pas le problème ?
Mais rien a faire si je ne force pas a un moment un height quelques
part, j'y arrive pas.
quelqu'un pourrait il me dire comment faire en sorte que le cadre
contienne et le texte et la photo ???
Une série d'exemples dans les fiches descriptives de mycorance, en
signature te permettront de voir qu'il n'est pas nécessaire de préciser
une hauteur.
et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
C'est le cas dans ces fiches et ça marche sur plus de 800 de celles-ci ! ;-)
Cordialement
--
docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne, WebShaker ecrit ce qui suit en ce 11/01/2010 22:32 :
salut.
Yo !
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
Un height:auto ne résoud pas le problème ?
Mais rien a faire si je ne force pas a un moment un height quelques part, j'y arrive pas. quelqu'un pourrait il me dire comment faire en sorte que le cadre contienne et le texte et la photo ???
Une série d'exemples dans les fiches descriptives de mycorance, en signature te permettront de voir qu'il n'est pas nécessaire de préciser une hauteur.
et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
C'est le cas dans ces fiches et ça marche sur plus de 800 de celles-ci ! ;-)
Cordialement -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Laurent vilday
WebShaker :
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
J'ai fait plusieurs essais ici. http://www.webshaker.net/cauchemard2.html
quelqu'un pourrait il me dire comment faire en sorte que le cadre contienne et le texte et la photo ??? et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
style="overflow:auto" sur le parent contenant l'élément flottant.
Le <div class="hello"> dans ton exemple, donc dans ta déclaration CSS
div.hello { ..... }
devient : div.hello { .....; overflow:auto }
-- laurent
WebShaker :
j'aimerai en floating arriver à redimentionner un div en hauteur en
fonction du contenu.
J'ai fait plusieurs essais ici.
http://www.webshaker.net/cauchemard2.html
quelqu'un pourrait il me dire comment faire en sorte que le cadre
contienne et le texte et la photo ???
et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
style="overflow:auto" sur le parent contenant l'élément flottant.
Le <div class="hello"> dans ton exemple, donc dans ta déclaration CSS
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
J'ai fait plusieurs essais ici. http://www.webshaker.net/cauchemard2.html
quelqu'un pourrait il me dire comment faire en sorte que le cadre contienne et le texte et la photo ??? et qu'evidement si le text est plus long que le div, celui-ci s'allonge.
style="overflow:auto" sur le parent contenant l'élément flottant.
Le <div class="hello"> dans ton exemple, donc dans ta déclaration CSS
div.hello { ..... }
devient : div.hello { .....; overflow:auto }
-- laurent
Laurent vilday
SAM :
Le 1/11/10 10:32 PM, WebShaker a écrit :
j'aimerai en floating arriver à redimentionner un div en hauteur en fonction du contenu.
J'ai fait plusieurs essais ici. http://www.webshaker.net/cauchemard2.html
Mais rien a faire si je ne force pas a un moment un height quelques part, j'y arrive pas.
et ... clear:left; à quoi ça peut bien servir ?
Beurk. Ca oblige à ajouter un élément complètement inutile.
C'est ... ahh ... beurk. :)
imHo, div.hello { overflow:auto }, c'est plus joli.
-- laurent
SAM :
Le 1/11/10 10:32 PM, WebShaker a écrit :
j'aimerai en floating arriver à redimentionner un div en hauteur en
fonction du contenu.
J'ai fait plusieurs essais ici.
http://www.webshaker.net/cauchemard2.html
Mais rien a faire si je ne force pas a un moment un height quelques
part, j'y arrive pas.
et ...
clear:left;
à quoi ça peut bien servir ?
Beurk. Ca oblige à ajouter un élément complètement inutile.
C'est ... ahh ... beurk. :)
imHo, div.hello { overflow:auto }, c'est plus joli.
Ah oui ça marche aussi. et cela me semble plus propre. Merci.
Du coup j'ai un autre problème sur le même exemple. si la phrase "Qui ne s'affiche pas du tout comme je le voudrai. j'allonge un peu le text pour voir ce que ca donne." tiens sur une seule ligne alors super, le texte est à droite de l'image.
par contre si je réduis la fenêtre et que la ligne ne peut plus s'afficher en entier alors tout le texte passe en dessous de l'image ce qui n'est évidement pas le but recherché...
Quelqu'un pourrais... encore... me filer un coup de main ?
Ah oui ça marche aussi. et cela me semble plus propre.
Merci.
Du coup j'ai un autre problème sur le même exemple.
si la phrase
"Qui ne s'affiche pas du tout comme je le voudrai. j'allonge un peu le
text pour voir ce que ca donne." tiens sur une seule ligne alors super,
le texte est à droite de l'image.
par contre si je réduis la fenêtre et que la ligne ne peut plus
s'afficher en entier alors tout le texte passe en dessous de l'image ce
qui n'est évidement pas le but recherché...
Quelqu'un pourrais... encore... me filer un coup de main ?
Ah oui ça marche aussi. et cela me semble plus propre. Merci.
Du coup j'ai un autre problème sur le même exemple. si la phrase "Qui ne s'affiche pas du tout comme je le voudrai. j'allonge un peu le text pour voir ce que ca donne." tiens sur une seule ligne alors super, le texte est à droite de l'image.
par contre si je réduis la fenêtre et que la ligne ne peut plus s'afficher en entier alors tout le texte passe en dessous de l'image ce qui n'est évidement pas le but recherché...
Quelqu'un pourrais... encore... me filer un coup de main ?
Ah oui ça marche aussi. et cela me semble plus propre. Merci.
Du coup j'ai un autre problème sur le même exemple. si la phrase "Qui ne s'affiche pas du tout comme je le voudrai. j'allonge un peu le text pour voir ce que ca donne." tiens sur une seule ligne alors super, le texte est à droite de l'image.
par contre si je réduis la fenêtre et que la ligne ne peut plus s'afficher en entier alors tout le texte passe en dessous de l'image ce qui n'est évidement pas le but recherché...
c'est normalement prévu pour fonctionner comme ça.
Quelqu'un pourrais... encore... me filer un coup de main ?
Ah oui ça marche aussi. et cela me semble plus propre.
Merci.
Du coup j'ai un autre problème sur le même exemple.
si la phrase
"Qui ne s'affiche pas du tout comme je le voudrai. j'allonge un peu le
text pour voir ce que ca donne." tiens sur une seule ligne alors super,
le texte est à droite de l'image.
par contre si je réduis la fenêtre et que la ligne ne peut plus
s'afficher en entier alors tout le texte passe en dessous de l'image ce
qui n'est évidement pas le but recherché...
c'est normalement prévu pour fonctionner comme ça.
Quelqu'un pourrais... encore... me filer un coup de main ?
Ah oui ça marche aussi. et cela me semble plus propre. Merci.
Du coup j'ai un autre problème sur le même exemple. si la phrase "Qui ne s'affiche pas du tout comme je le voudrai. j'allonge un peu le text pour voir ce que ca donne." tiens sur une seule ligne alors super, le texte est à droite de l'image.
par contre si je réduis la fenêtre et que la ligne ne peut plus s'afficher en entier alors tout le texte passe en dessous de l'image ce qui n'est évidement pas le but recherché...
c'est normalement prévu pour fonctionner comme ça.
Quelqu'un pourrais... encore... me filer un coup de main ?
