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

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;
}
toto.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
@media screen and (max-width:460px){
    footer{
        width: 460px;
    }
}
le head du site
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