Taille css

Taille css - HTML/CSS - Programmation

Marsh Posté le 24-08-2004 à 17:31:29    

J'ai un petit prob en css avec cette page : http://jas156.free.fr/css/
 
j'ai un paragraphe qui contient 2 'span', et je voudrais que la taille de ce paragraphe s'adapte au contenu. J'ai mis le 'span' LEFT à 100px mais la taille ne change pas  :(
 
J'ai aussi essayé avec un 'float: left' mais ça ne marche que sous IE, pas Mozilla.
 
Qqun sait-il comment faire?
 
merci  :)

Reply

Marsh Posté le 24-08-2004 à 17:31:29   

Reply

Marsh Posté le 24-08-2004 à 23:06:02    

salut,
 
vire ton doctype, mets le container à 902px (because border sur left) et supprime les espaces entre les <span>.
 
++
 
L.

Reply

Marsh Posté le 24-08-2004 à 23:30:23    

malvino a écrit :

J'ai un petit prob en css avec cette page : http://jas156.free.fr/css/
 
j'ai un paragraphe qui contient 2 'span', et je voudrais que la taille de ce paragraphe s'adapte au contenu. J'ai mis le 'span' LEFT à 100px mais la taille ne change pas  :(


Normal, on ne peut pas définir la largeur d'un SPAN car c'est un élément en-ligne. Sa largeur est fixée par le texte qu'il contient.
 
Il faut utiliser un bloc (DIV, P...)

malvino a écrit :


J'ai aussi essayé avec un 'float: left' mais ça ne marche que sous IE, pas Mozilla.


Si, si ça marche, mais il faut donner la marge qui va bien à ton bloc de droite.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-08-2004 à 23:30:47    

Reply

Marsh Posté le 25-08-2004 à 00:07:19    

Leris a écrit :

vire ton doctype


On ne me l'avait jamais faite celle là.
Rigolote.
 
Heu, c'était bien une blague hein? :heink:


Message édité par pierre6020 le 25-08-2004 à 00:08:12
Reply

Marsh Posté le 25-08-2004 à 07:30:57    

fais l'essai tu verras bien ...

Reply

Marsh Posté le 25-08-2004 à 07:38:18    

Leris a écrit :

fais l'essai tu verras bien ...


 
On verra quoi ?  :heink:  
 

Reply

Marsh Posté le 25-08-2004 à 09:00:24    

Voilà, j'ai essayé avec le div, mais mon 2e bloc se met en dessous : http://jas156.free.fr/css/div/
En mettant les 2 div en float: left ça marche impec sous IE mais pas sous Mozilla qui met une hauteur de 0 au bloc parent et les 2 div se retrouvent dehors... enfin ça fait un truc bizarre : http://jas156.free.fr/css/float%20div/ :(

Reply

Marsh Posté le 25-08-2004 à 21:06:06    

malvino a écrit :

En mettant les 2 div en float: left ça marche impec sous IE mais pas sous Mozilla qui met une hauteur de 0 au bloc parent


C'est normal, les flottants sortent du flux normal. En d'autre terme il n'ont plus de "consistance" dans le document et le bloc parent est alors considéré comme vide, d'où sa hauteur nulle.
 
En fait tu n'as pas besoin de mettre les 2 blocs en flottants. Celui de gauche suffit, et il suffira de donner au bloc de droite une marge à droite supérieure ou égale à la largeur totale (padding + bordure + largeur) du bloc de gauche.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed