28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Soucis... étrange !!

J'ai mis, en CSS, une couleur de fond et des bordures à des éléments de liste (li). Si tout va bien sous FF, sous IE6 il y a un souci...
Outre les problèmes de taille, certaines "boites" n'affichent pas les bordures et/ou la couleur de fond, qui peut apparaitre à nouveau au survol de la souris ou à la sélection du texte.
C'est très étrange : parfois c'ets une demi boite, des fois c'est 2... J'y comprends rien !!
Voilà, par exemple, une page :
http://www.nil1nilotr.com/nil1nilotr/nil1nilotr.php?page=concerts

Merci pour votre aide !! à + !!

Je vous donne le code html du truc :
<h3>Concerts à Venir</h3>
	<ul id="concerts">
			<li id="concert_3">
		<strong>Dimanche 29 Octobre 2006</strong><br />

		Montataire (60) - <em>Le Palace</em><br />
					<a href="nil1nilotr.php?page=concerts&amp;date=1&amp;concert=3#concert_3">En savoir +</a>
					</li><hr />
		
				<li id="concert_2">
		<strong>Samedi 04 Novembre 2006</strong><br />
		CALAIS - <em>Centre culturel Gérard Philipe</em><br />

					<a href="nil1nilotr.php?page=concerts&amp;date=1&amp;concert=2#concert_2">En savoir +</a>
					</li><hr />
		
				<li id="concert_4">
		<strong>Jeudi 01 Février 2007</strong><br />
		Lille - <em>Le Biplan</em><br />
					<a href="nil1nilotr.php?page=concerts&amp;date=1&amp;concert=4#concert_4">En savoir +</a>

					</li><hr />
		
			</ul>

(un peu bizarre niveau indentation, car généré par PHP...)

et la feuille CSS (je vous épargne ce qui ne nous concerne pas...) :

li
{
	list-style:none;
}
...

ul#concerts_passes li,
ul#concerts li
{
	margin-bottom:1em;
	border: 1px solid #886549;
	padding:0.5em;
	letter-spacing:0.1em;
	background-color:#f2e8d3;
}

ul#concerts li strong
{
	font-size:1.1em;
	letter-spacing:0.2em;
}

Modifié par kristof (14 Oct 2006 - 11:12)
Re-Bonjour...

Et bien j'ai trouvé tout seul Smiley smile !! Mais quelle galère !!

En fait j'ai ajouté la propriété
width:99%


à mon "li" et hop, ça marche !!
J'ai eu cette idée en jouant sur les couleurs de fond de mes boites...

Est-ce un bug de IE ou est-ce logique ??

Par simple curiosité, si un technicien passe par-là, la réponse m'interesserai...
Smiley cligne

Voilà !! Smiley langue