[resolu] <ul> sous firefox ok, pas sous IE x

Bonsoir,

Je développe un forum et j'ai un soucis avec IE (versions testées 6 et 7)

La ligne du premier sujet ce retrouve dans la barre de titre.

Voilà le code

<div class="cadre">
	<div class="cadre_tr"></div>
	<div class="cadre_tl"></div>
	<div class="cadre_content">
		<ul class="topiclist">
			<li>Titre</li>
			<li style="width: 200px; text-align: center; float: right;">Dernier</li>
			<li style="width: 100px; text-align: center; float: right;">Vues</li>
			<li style="width: 100px; text-align: center; float: right;">Reponses</li>
		</ul>
		{foreach item=mess from=$mess}
		<ul class="forumlist"">
			<li><a href="messages.php?forum={$mess.id_forum}&msg={$mess.id_message}">{$mess.titre}</a></li>
			<li style="width: 200px; text-align: center; float: right;">
				<a href="messages.php?forum={$mess.id_forum}&msg={$mess.id_message}#{$mess.id_lastrep}">{$mess.lastuser}<br>{$mess.lastdate}</a>
			</li>
			<li style="width: 100px; text-align: center; float: right;">{$mess.nbhits}</li>
			<li style="width: 100px; text-align: center; float: right;">{$mess.nbrep}</li>
		</ul>
		{foreachelse}
		<ul class="forumlist">
			<li style="width: 100%;">Pas de message</li>
		</ul>
		{/foreach}
		</div>
	<div class="cadre_br"></div>
	<div class="cadre_bl"></div>
</div>

et les css

.cadre_content {
	padding-left:		9px;
	padding-right:		9px;
	color:				#AC3B3B;
}

.topiclist {
	list-style:			none;
	margin:				0;
	padding:			0;
	overflow:			hidden;
	background:			url('bgtitre.gif') repeat-x scroll 0% 0%;
	border:				1px #96BCD7 solid;
}

.topiclist li {
	float:				left;
	color:				#0E334D;
	height:				16px;
	font-size:			12px;
	text-align:			center;
	padding:			5px;
}

.forumlist {
	list-style:			none;
	margin:				0;
	padding:			0;
	overflow:			hidden;
	border-left:		1px #96BCD7 solid;
	border-right:		1px #96BCD7 solid;
	border-bottom:		1px #96BCD7 solid;
	background-color:	#EEF3F7;
	height:				40px;
}

.forumlist li {
	float:				left;
	color:				#0E334D;
	height:				28px;
	font-size:			12px;
	padding: 5px;
}

Voilà, si quelqu un pouvait me donner un p'tit coup de main

Merci



Probleme resolu, j ai remplacer les <ul> pour 1 ligne par des <li> et <dd>
Modifié par Hayreon (25 Sep 2008 - 19:28)