Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1334 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] - Fixer une largeur de div minimale ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] - Fixer une largeur de div minimale ?

n°1243334
DrySs78
Posté le 10-11-2005 à 16:25:29  profilanswer
 

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 :
 

Code :
  1. .my_div {
  2. ! width:50px;
  3. min-width:50px;
  4. }
  5. <div class="my_div">Tiny</div>
  6. <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 [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  :)
 
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 :(

mood
Publicité
Posté le 10-11-2005 à 16:25:29  profilanswer
 

n°1243345
omega2
Posté le 10-11-2005 à 16:34:14  profilanswer
 

IE6 et inférieur ne conait ni min-width ni max-width.
Il faut donc faire par exemple :

Code :
  1. .my_div {
  2.     min-width:50px;
  3.     _width:50px;
  4. }

De cette maniére, seul IE prendra en compte le width.
 
EDIT : PS : Pour Opera, en fait, je sais pas comment il les gére.

Message cité 1 fois
Message édité par omega2 le 10-11-2005 à 16:35:38
n°1243348
DrySs78
Posté le 10-11-2005 à 16:38:03  profilanswer
 

omega2 a écrit :

De cette maniére, seul IE prendra en compte le width.

C'est exactement ce que j'ai cité dans ma question :p Je cherche justement une autre méthode ;)

n°1243358
omega2
Posté le 10-11-2005 à 16:45:56  profilanswer
 

passer à IE7? (je sais pas encore prés) Ben quoi c'est le navigateur qu'est trop vieux et on peut pas changer sa non prise en charge d'une bonne partie de la norme css. :(
 
A ma conaisssance, il y a pas de méthode plus propre que ce que t'as essayé.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] - Fixer une largeur de div minimale ?

 

Sujets relatifs
[CSS] Demande de confirmation[XML/CSS] Comment faire....
[RESOLU] CSS : id de H1Problème en CSS !!
[CSS] Problème de cadre en CSS[CSS] mon nouveau site, pleins de questions a la con
[CSS] Incrustez une page Xhtml !Ajouter design sur page HTML/CSS
[CSS] Menu avec fond extensibleCSS, je perds la boule...
Plus de sujets relatifs à : [CSS] - Fixer une largeur de div minimale ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR