28220 sujets

CSS et mise en forme, CSS3

J'ai un pied de page comme ça :

#pied {
	height: 25px;
	background-color: #000000;
	font-size: 12px;
}

J'aimerais mettre du texte à gauche, puis à droite.
Alors, j'ai créé un autre objet :

#aDroite {
	float: right;
	background-color: yellow;	
}

Dans mon fichier .php, j'ai ça :

<div id="pied">
	Mise à jour : 03/07/2005
	<div id="aDroite>Blablabla</div>
</div>

Seulement, il affiche Blablabla à droite du pied mais après avoir sauté une ligne!

Comment éviter de saut de ligne?
Modifié par brunocaccio (03 Jul 2005 - 18:56)
C'est le flottant qui doit précéder l'élément non flottant, et non l'inverse.

Ici, c'est le contenu Mise à jour : 03/07/2005 qui doit donc flotter à gauche pour permettre au contenu (en flux) Blablabla de venir le flanquer sur sa droite.

Si si, c'est simple et logique Smiley cligne

NB: un flottant de ce type (texte, et non image ou autre objet dimensionné) doit toujours avoir une largeur explicite : width: XXX%; par exemple. Un bug d'un navigateur exotique quoiqu'à la mode laisse parfois penser à tort que ce n'est pas le cas.
Modifié par Laurent Denis (03 Jul 2005 - 13:53)
Merci pour ta réponse Laurent!
En fait, j'ai inversé l'ordre d'apparation des éléments comme ceci :

<div id="pied">
<div id="aDroite>Blablabla</div>
Mise à jour : 03/07/2005
</div>

Et ça marche!
Par ailleurs, j'ai spécifié une taille pour le flottant comme tu me l'a conseillé.