Bonjour,
je développe un site sous Symfony 2
j'ai 2 pages de css par page
c'est à dire si ma page s'appelle toto, j'appelerai general.css et toto.css
mon problème est que mon header est défini en width:100%; dans le général et que dans le responsive de toto, je voudrais le faire passer à width:460px; mais c'est le width100% qui prend le dessus
general.css
toto.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 header{ position: relative; height: auto; width: 100%; z-index: 10; text-align: center; background-color: #fe0002; }
le head du site
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 @media screen and (max-width:460px){ footer{ width: 460px; } }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 {% block head %} <title>{{title}}</title> <link href="{{ asset('/monsite/css/general.css') }}" type="text/css" rel="stylesheet" media="screen"/> <link href="{{ asset('/monsite/css/toto.css') }}" type="text/css" rel="stylesheet" media="screen"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> {% endblock %}
Merci de votre aide
Partager