28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerais savoir qu'elle est la meilleur façon de fixer une div de largeur minimale. Je m'explique : je crée une div destinée à recevoir une chaine de caractère, je lui fixe par exemple 50 pixels de largeur, par défaut. Ainsi, si le texte est très cours, elle aura quand même 50px de largeur au minimum. Mais je voudrais aussi que la div s'élargisse au cas où le texte dépasse les 50 pixels.

J'ai utilisé pour cela le tag min-width, mais qui fonctionne QUE avec Mozilla. Donc, pour IE, je suis obligé de faire ca pas très proprement :

.my_div {
!	width:50px;
	min-width:50px;
}

<div class="my_div">Tiny</div>
<div class="my_div">A very big big big big string for a big big big div</div>

Donc, première question : existe-t-il un autre moyen plus propre et plus conforme pour réaliser cette petite opération ? Vous allez me dire, autant fixer une largeur fixe, oui mais je ne connais pas à l'avance la taille de ma chaine de caractère, qui peux varier du simple au triple Smiley cligne Je pourrais faire des calculs en PHP afin de déterminer la taille de ma div, mais avant d'en arriver à cette extremité, je cherche une solution plus simple Smiley smile

Deuxième question : là où la première question prend tout son intérêt, c'est lorsque que l'on combine deux div de ce type, la deuxième embriquée dans la première.

Je m'explique : la chaine de caractère se trouve dans la deuxième div, qui se trouve dans la première. Je dois donc fixer un min-width aux deux div, pour que les DEUX s'élargissent. Et là, du peux que j'ai testé (en me tirant les cheveux), ca foire totalement sous IE ainsi qu'avec Opera. Seul Mozilla, qui accepte le min-width, affiche correctement mes div élargies.

Bref, à l'aide, je coule Smiley bawling
Modifié par DrySs (10 Nov 2005 - 16:12)
Bonjour,

DrySs a écrit :

J'ai utilisé pour cela le tag min-width, mais qui fonctionne QUE avec Mozilla. Donc, pour IE, je suis obligé de faire ca pas très proprement


Pour gérer proprement IE, utiliser les commentaires conditionnels (voir FAQ du forum).
Modifié par Laurent Denis (11 Nov 2005 - 07:49)