28172 sujets

CSS et mise en forme, CSS3

Bonjour,

En testant une partie de mon site sur tous les navigateurs j'ai repérer un bug venant d'IE (encore une fois...).

footer{
	display					:block;
	width					:auto;
	height					:0px;
	margin					:3% 3% 2% 3%;
	padding-top				:10px;
	border-top				:1px solid #ccc;
	text-align				:center;
	color					:#808080;
	font-size				:12px;
}

.FooterContact{
	float					:left;
}

.FooterDesign{
	float					:right;
	color					:#d01455;
}


Il y a trois éléments dans mon footer. Le premier il s'agit de l'adresse e-mail pour contacter l'admin sur site. Cet élément est placé à gauche.

Ensuite on a le copyright centré.

Et à droite le célèbre : design by ...

Sur tous les navigateurs le design by est sur la même ligne à droite toute.
Or sur IE, malgré que le design soit a droite de la page il est une ligne en dessous...

Une petite idée ?
Modifié par Vict0 (28 Feb 2011 - 11:04)
Très juste, dans ma précipitation j'ai obulié le coe HTML


<footer>
	<span class="FooterContact">Contact : contact@monsite.com</span>
	Mon Site© 2011 - Tous droits réservés
	<span class="FooterDesign">Design by <a href="#" style="text-decoration:none; color:#d01455;">Moi</a></span>	
</footer>