28172 sujets

CSS et mise en forme, CSS3

Border ne s'affiche pas sur Internet explorer

Bonjour,

Ce code me permet d'avoir une bordure tout autour du contenu du site (ligne "border") :

	body .site {
		margin-top: 10px !important;
		margin-top: 3.428571429rem;
		margin-bottom: 10px !important;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	border: 1px solid black;
		height: 785px;
	}


C'est OK sous Firefox, Opéra, Chrome, Safari MAIS sur Internet Explorer, la bordure ne s'affiche pas.
Pourquoi et surtout, comment le résoudre ? Merci d'avance...

Le site : http://cluster011.ovh.net/~expertumcp/immo01/

P.S. : Quelle(s) ressource(s) me conseillez-vous pour acquérir une connaissance plus exhaustive du CSS, sachant que je travaille surtout avec WordPress et que j'ai appris le code "sur le tas" ?
Modifié par ryta (09 Jan 2015 - 12:01)
Salut,

Généralement, IE est un très bon indicateur d'erreur de code, car il ne possède pas de gestion d'erreurs à la volée. Ainsi, si tu refermes mal une balise, Chrome ou Firefox se débrouilleront pour "comprendre" ce que tu as voulu faire et t'afficher un rendu correct, alors qu'IE t'affichera la conséquence de l'erreur.

Il y a d'ailleurs un soucis dans ton html avec la balise header, à corriger : http://validator.w3.org/check?uri=http%3A%2F%2Fcluster011.ovh.net%2F%7Eexpertumcp%2Fimmo01%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Pour la bordure en elle-même, bonne question. Border et Height n'apparaissent pas dans le CSS interprété par IE, donc je penche pour une erreur de CSS là aussi. Essaie de mettre border avant les margin ?

Au passage, attention avec !important, c'est une mauvaise idée.
Sujet clos
Aller à