Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

cauchemard de height

13 réponses
Avatar
WebShaker
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.

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.

Merci
Etienne

3 réponses

1 2
Avatar
SAM
Le 1/13/10 9:53 AM, WebShaker a écrit :
Pour ?

div.hello img { float: left; width: 70px }
.message { margin-left: 80px; }
sm



Nan j'avais testé ca rendait pas le f"effet voulu.



Si, si !
Bien sûr.
C'est la méthode employée pour "colonner"
- un block en absolute ou avec float
- un block qui marge pour laisser la place à l'autre

J'ai mis l'exemple a jour.
la colonne de droite te donne le rendu de ta prosposition.



Sauf qu'il ne faut plus que "message" flotte ...
... je n'ai pas vu que j'aie mis 'float' à .message{ }

<div class="message" style="margin-left: 72px; float: none">



Au passage et pour info :
dans mon navigateur l'exemple de gauche a tout son texte sous l'image

--
sm
Avatar
WebShaker
SAM a écrit :
Si, si !
Bien sûr.
C'est la méthode employée pour "colonner"
- un block en absolute ou avec float
- un block qui marge pour laisser la place à l'autre



Ah ben oui...
J'ai définitivement à comprendre le concept du float.
Quand faut il l'utiliser quand il ne faut pas.

Merci en tout cas.
Etienne
Avatar
SAM
Le 1/13/10 10:04 PM, WebShaker a écrit :
SAM a écrit :
Si, si !
Bien sûr.
C'est la méthode employée pour "colonner"





exemple :
<http://stephane.moriaux.pagesperso-orange.fr/truc/2col>
autre exemple - colonnage en absolute :
<http://stephane.moriaux.pagesperso-orange.fr/truc/3cols_images_adapt_strict.htm>
(exercice pour image s'adaptant à la colonne)

- un block en absolute ou avec float
- un block qui marge pour laisser la place à l'autre



Ah ben oui...
J'ai définitivement à comprendre le concept du float.
Quand faut il l'utiliser quand il ne faut pas.



Le float fait couler la suite à droite ou à gauche puis dessous

En CSS2 il n'est pas prévu d'écouler de part et d'autre

--
sm
1 2