Liste der Anhänge anzeigen (Anzahl: 2)
Probleme mit Media Queries von Contao 3
Hallo Leute,
ich hab ein paar Fragen. Habe schon einige Seiten mit Media Queries gebaut und es klappte auch immer wunderbar, aber nun bin ich am verzweifeln.
Anhang 11225
Hier sieht man die CSS Dateien die ich angelegt habe! So ich habe z.B. einen Header der :fixed ist wie man hier http://www.hewamed.net sehen kann. Der Code war z.B.
Code:
#header {
width:100%;
height:80px;
top:0;
position:fixed;
margin:0;
padding:0;
background-color:#FFF;
border-top:6px solid #357EBF;
z-index: 10;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}
Nun wollte ich die Position für Mobile Geräte :relative haben, und konnte es nur wie folgt lösen:
Code:
header#header {
height:100%;
position:relative;
text-align:center;
}
Eigentlich hätte ich einfach in der Mobilen CSS
Code:
#header {
height:100%;
position:relative;
text-align:center;
}
das hier geschrieben. Aber dann packt er die CSS einfach unter meiner Layout CSS die ja für >768px gedacht ist. Was passiert da? Das gleiche hatte ich mit dem Footer und vielen anderen Dingen. Nun möchte ich z.B. das Background-Image bzw. die Position ändern. So sieht es in der Layout.css aus:
Code:
html {
overflow-Y:scroll;
background: url(/files/theme/bg/bg1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 0px 86px;
}
Jetzt schreibe ich in der Mobile.css folgendes:
Code:
html {
background-image:url("/files/theme/bg/bg1.jpg");
background-repeat:no-repeat;
background-attachment: fixed;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 0 0;
background-size: cover;
overflow-y: scroll;
}
Und es passiert nix. Ich dreh ab! :-) und jetzt kommt das aller schlimmste:
Anhang 11226
Warum kommt so etwas wenn man Width auf 100% stellt?
So das wars :-) Hoffentlich ist ein Profi da, der mir aus der Misere helfen kann.
Lieben Gruß Simon