28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Voilà, sur un site qui est en cours de création, j'ai crée différents styles CSS pour plusieurs type de support différents :
+ Un pour tous (style de base),
+ Un pour les écran d'ordi (tout navigateurs)
+ Un pour les imprimantes
+ Un pour les téléphones mobiles
+ Un pour les Navigateur web supportant le css2.0 et 3.0
+ Un pour IE (qui comme d'hab en fait qu'a sa tête)

Qui sont définis comme suit :

<!-- Styles CSS-->
<link href="css/style.css" type="text/css" rel="stylesheet" media="all" charset="utf-8" />
<link href="css/ordi.css" type="text/css" rel="stylesheet" media="screen" charset="utf-8" />
<link href="css/print.css" type="text/css" rel="stylesheet" media="print" charset="utf-8" />
<link href="css/mobile.css" type="text/css" rel="stylesheet" media="handheld" charset="utf-8" />
<style type="text/css" media="screen">
	<!--
	@import url(css/ordi_css3.css);
	-->
</style>
<!--[if IE]>
	<link type="text/css" rel="stylesheet" href="css/ordi_ie.css" media="screen" />
<![endif]-->


Bref, un pb se pose : certaines propriété de "style.css" écrasent d'autres qui se trouvent par exemple dans "mobile.css" ou "ordi.css"...
Pourtant, il me semblait que le dernier écrasait le premier... Serais-ce pas le cas ?

Merci d'avance pour votre aide...

[EDIT] : Désolé, juste un problème de href, ...
Modifié par FotoXe33 (13 Jun 2010 - 16:38)