28173 sujets

CSS et mise en forme, CSS3

J'ai un probleme avec IE, c'est assez difficile a expliquer.. enfin c'est un prob de min-height, regardez plutot sur http://teknic.ch/test.html

Voici mon code xhtml :

<div id="box">
 <h1>Pirates en séries</h1>
 <h2>vendredi, 12 mai 2006 15:49</h2>
 <p style="min-height:113;">
   <a href="#"><img src="gfx/a.gif" alt="g0rill@" width="144" height="113" border="0"></a>
   Tous les névrosé(E)s des banlieues chic ne manqueront pour rien au monde, leur rendez-vous devant le petit écran "Desparate housewife" la série culte qui tient la chronique des femmes aux foyers désespérées débute sa deuxième saison.
 </p>
 <h3><a href="#">commentaires (10)</a></h3>
</div>


et voici le code css :

#box p {margin: 15 0 15 0; color: #707070; font-size: 10pt; display: block; text-align: justify;}
#box p img {float:left; margin: 0 5 0 0}


Que faut-il que je fasse pour que la ligne grise (celle au dessus de commentaire) s'affiche en dessous de l'image ? Deja je n'ai pas donner des hauteurs à mon <p> mais c'est la seule solution que j'ai trouvée, malheureusement elle ne marche qu'avec firefox.
J'accepte toutes propositions Smiley lol

Merci
Modifié par y v e s (13 May 2006 - 12:51)
Salut,

Je ne pourrai pas répondre à ton problème mais tu peux noter 2-3 choses :
- ce n'est pas forcément une bonne idée de placer des styles en ligne (c'est-à-dire dans ton code html)
- IE ne supporte pas les propriétés min-width et min-height
- n'oublie pas de préciser les unités dans le css quand tu as des valeurs différents de 0 (margin:15 0 15 0; devrait être margin:15px 0 15px 0;)

En espérant que ce te sera utile.