28173 sujets

CSS et mise en forme, CSS3

Rere (voilà la suite de mes petits soucis).
Je ne comprend pas pourquoi mes commentaires ne sont pas pris en compte par IE lorsque je teste mes pages en local.

Voici mon code
Avis aux amateurs (Blue Smiley cligne



<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="css/ie-only.css" />
<![endif]-->
<!-- Commentaire conditionnel pour IE5.x -->
<!--[if lt IE 6]>
	<link rel="stylesheet" type="text/css" href="css/ie-only.css" />
<![endif]-->



et voici quelques propriétés de la feuille ie-only.css




/* CSS Document */

form
{
padding:0px;
padding-top:8px;
padding-left:10px;
padding-bottom:4px;
text-align:left;
}

div#mon_compte
{
	width: 100px;/*largeur de la bote mon compte*/
	height: 102px;/*hauteur de la boite mon compte*/
	border:  1px solid #000000/*bordure grise de la boite*/
	text-align:center;
	padding: 0px;/*marge interne à la boite de 10 pixels*/
	margin: 10px;/*marge extérieure de la boite de 10 pixels*/
	font-size:8px;
	color:#333333;
	overflow: hidden;/*permet que le texte ne déborde pas du bloc */
}




et rien ne se passe (s'il le faut je pourrai mettre le code entier)
Merci
Modifié par epock29 (30 Jul 2007 - 10:35)
Salut,

Je ne comprends pas ton code. Tu as manifestement une css ie-only-css qui a l'air de s'appliquer à IE sauf IE7. Pourquoi tant de complications ?
<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="css/ie-only.css" />
<! endif -->

Ce code sélectionne ta css pour tous les IE sauf le 7, il suffit.

Après, c'est fonction du contenu de tes css. Écrases-tu bien les propriétés ?
epock29 a écrit :
pas pris en compte par IE lorsque je teste mes pages en local

En ligne ça marche?
Dans ce cas, vérifier si les chemins sont bons en local (c'est à dire: si les fichiers sont bien présents aux endroits indiqués).
en ligne je n'ai pas testé.
à vrai dire le commentaire je l'ai récupéré sur un site (sans le comprendre)

Il faut faire qqchose de particulier pour écraser les propriétés (à part juste les réécrire ?)

donc je reprend est-ce que c'est mieux comme ça ?

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie-only.css" />
<! endif -->


Ce soir je poste tout mon code pour ne pas vous faire réflechir pour rien Smiley cligne
Salut,

pour écraser les propriétés, en utilisant les mêmes sélecteurs, il suffit d'appeller les feuilles de style dédiées à IE après la feuille de style "standard" ...
je suis un gros boulet sur ce coup là


<!--[if IE]>

<link rel="stylesheet" type="text/css" href="css/ie-only.css" />

<! endif -->


voilà ca marche