28172 sujets

CSS et mise en forme, CSS3

Hello,

Petit message car je suis un peu "sur-le-cul-té" et que même avec un code tout ce qu'il y a de plus basique, j'ai toujours le même comportement... Voilà le code testé ci-dessous (ouais ce n'est pas beau avec les styles à l'intérieur, mais c'est juste pour tester !) :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Document sans nom</title>
<style type="text/css">
ul {
	width:400px;
}
ul li div, ul li p {
	float:right;
}
</style>
</head>
<body>
<ul>
	<li>ggergegjergerjil<div>fejriflerjiferjl</div></li>
    <li>ferfierferj<p>ferjfilerjl</p></li>
</ul>
</body>
</html>


Donc rien de fantastique, juste une liste d'éléments, donc j'aimerai avoir des "sous-éléments" aligné à droite. Pour tous les navigateurs sauf un, cela ne pose aucun souci particulier et s'affiche comme souhaité. Par contre sous Opéra (v10), mes items à droite hérite de la puce du <li>...

J'ai testé avec différents éléments, cela ne change rien. Et déclarer un "list-style:none" pour la balise fille ne change rien. Quelqu'un a déjà vu cela ?

Merci d'avance,

Philou