Firefox, Safari et Chrome fonctionne très bien, mais pas IE ... Voici mon HTMLma durée ne peut pas rester dans un élément div
<div id="sc-footer">Total<span id="sc-total">$0</span></div>
css
#sc-footer{
font-size: 1.6em;
line-height:1.5em;
position:absolute;
bottom: 20px;
padding:9px 5px;
height:20px;
background: #dadada;
color: #545454;
}
#sc-total{
display:inline;
float:right;
}
Ou utilisez le débordement: automatique sur le # sc-footer.
+1 Ceci est la bonne réponse. Si un élément est flottant, son parent doit avoir un ensemble de débordement afin d'encapsuler l'enfant. –
merci, ça marche! :] – dareal
Il suffit de placer votre portée AVANT le mot Total :)
Si tout ce que vous voulez, c'est que le texte total soit aligné sur la droite du <div>, utilisez text-align:right; dans votre CSS.
En outre, il est très étrange de flotter un <span>. Si vous avez vraiment besoin du flotteur, utilisez <div> au lieu de <span> - float est pour les éléments de bloc (comme les divs) alors que les travées sont des éléments en ligne. Enfin, une bonne règle pour IE est de toujours donner un fixe à vos éléments flottants. Cela rend le rendu plus explicite, et en particulier pour les anciennes versions d'IE, il est important d'être aussi précis que possible.
@dareal: Utilisez la balise "div" si vous souhaitez implémenter un élément de bloc. Utilisez la balise "span" si vous souhaitez implémenter l'élément en ligne. Le balisage et les styles présentés par vous prouvent que vous ne savez rien de la sémantique du balisage, vous devez donc en apprendre davantage avant de toucher au balisage ou CSS. Si vous voulez éviter de l'apprendre, vous devrez éventuellement revenir en arrière et le faire, afin d'améliorer ce qu'on appelle le SEO, ce qui ne serait pas nécessaire si vous feriez un bon travail en premier lieu. Ce qui est plus important, vous n'avez même pas pris la peine de formuler une question d'aucune sorte, et vous vous êtes juste précipité pour frapper IE sur la tête avec un objet contondant.
@lonut Staicu: S'il le faisait, il se retrouverait avec une balise de portée inutile.
@Julian: N'utilisez pas de hacks!
Quelle est votre question? –