28220 sujets

CSS et mise en forme, CSS3

[resolu]Difference entre ie et firefox concernant un float

bonjour

voilà jai un soucy avec un float
apercu sur firefox :

upload/3501-Sanstitre.JPG

apercu sur ie :

upload/3501-Sanstitre2.JPG

coté code html (je travaille en spip...
donc le div qui marche en biais cest dernier_articles

<BOUCLE_breves(BREVES){par date}{inverse}{0,1}{id_rubrique!=27}>
	<div class="mybreves">
	<h2>Actualités</h2>
	<h3>Le [(#DATE|nom_jour)] [(#DATE|affdate)]: </h3>
	<p>#TEXTE</p>
	</div>
	</BOUCLE_breves>
	
	<div class="derniers_articles">
	<h2>Derniers articles parus</h2>
	
	<BOUCLE_affichage(ARTICLES){par date}{inverse}{0,2}{id_rubrique!=30}{id_rubrique!=33}>
	<div class="colonne2">
		<h3>#TITRE (#DATE)</h3>
		<p>#INTRODUCTION</p>
		<p><a href="#URL_ARTICLE">Lire la suite</a></p>
	</div>
	</BOUCLE_affichage>
	
	</div>


en css ca fait cà :


.colonne2{
float: left;
width: 48%;
margin:2px;
}
.mybreves{
width: 100%;
border:1px  dotted black;
background-color:#66CC66;
margin:5px;
}
.derniers_articles{
width:100%;
border:1px  dotted black;
margin:5px;
}


ce que je ne comprends pas c'est que le div breves marche et lautre non, encore que c'est les memes si ce n'est la couleur Smiley ohwell

merci de votre aide Smiley cligne
Modifié par akapando (01 Dec 2005 - 15:04)
ca ma pas eclairé beaucoup... Smiley decu

à priori cest la hauteur de la boite qui marche mal, ss ie mon div dernier article integrer bien le texte ms ss firefox il le prends pas, je comprends pas trop pkoi...
en fait le texte est lui meme ds un div flottante que separe en deux colonnes
je sais pas si c'est cà mais qd javais modifé ce parametre ca marchait nikel...
sinon faut ke je fasse un tableau?

merci bien Smiley smile
en fait jai resolu le pb grace à cà :
overflow: auto;

effectivement cetait le div article qui depassait...

ms maintenant jai un deuxieme pb... mon conteneur sarrete juste apres mon div ss firefox...

.conteneur{
position:absolute;
margin-left:5%;
margin-right:5%;
width: 90%;
height:90%;
padding-right:0px;
padding-left:0px;
background-color:#FFFFCC;
}


jai bien essayé en mettant un <hr /> avec les propriétés clear: both

mais ca ne marche pas
hello,

et où as-tu placé ce <hr /> ?
Il faut bien le mettre tout juste avant la fin du div conteneur, en dehors des autres sections.

Si tu ne trouves pas, poste le code concerné, on y verra plus clair Smiley cligne 

<div class="conteneur">

<!--inclusion en tete et menu -->
<div class="entete">
	</div>
	<div class="gauche">
	<div class="menu">
		<p>session ouverte pour : </p>
		<ul>
			<li ><a class="rubrique" href="rubrique.php3?id_rubrique=1" >Accueil</a></li>
			<hr />
			<li><a href="ecrire/">Accès redacteurs</a></li>
		</ul>
	</div>
	
	<div class="espace">&nbsp;</div>
</div>

<!-- div page centrale -->
<div class="page">

	
</div><!---fin du div page -->

<div class="pied">
</div>
<hr />

</div><!---fin du div conteneur -->


cest pourtant ce que jai fait...
euh en fait c'etait tt bete, javais mis un height à mon conteneur Smiley ohwell
donc maintenant ca marche, je retiens qd meme le coup du overflow:auto, super pratique pr les div flottantes
Sujet clos
Aller à