Autor |
Nachricht |
flavio
Threadersteller
Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht:
|
Verfasst Sa 12.01.2013 11:44
Titel media queries versteht nur !important; |
|
|
ahoi,
ich bastel derzeit mit diversen templates und media queries herum. das ganze läuft ja soweit, nur werden die
selektoren der einzelnen queries erst mit !important angewendet. ist das normal oder hab ich irgendwo einen fehler.
bsp.
Code: |
header#page_header{
height:48px;
text-align:left;
}
@media screen and (max-width:320px) {
header#page_header{
height:16px !important;
text-align:center !important;
}
}
|
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Sa 12.01.2013 14:17
Titel
|
|
|
du weist dem header im allgemeinen teil schon diverse attribute zu. da der allgemeine teil auch noch gewichtiger ist, als deine ansagen im spezifischen teil (immerhin is der header noch ganz konkret benannt), haben diese ansagen vorrangvor den medienspezifischen.
|
|
|
|
|
Anzeige
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst Sa 12.01.2013 15:57
Titel
|
|
|
Stimmt leider nicht, DK. Der Teil in der Media Query ist spezifischer, nicht umgekehrt. Jedenfalls ist das bei Klassen so. Warum das hier nicht funzt liegt wahrscheinlich an der ID, probier es mal ohne bzw. mit einer Klasse stattdessen.
..und davon abgesehen: Du hast wohl kaum mehrere #page_header (was sogar falsch wäre), also kannst Du den Teil vorm # einfach weglassen. Das nennt man sonst "overqualified". Ob man überhaupt IDs als Selektoren verwenden sollte ist eher eine Glaubensfrage (CSS Lint z.B. sagt nein).
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Sa 12.01.2013 17:52
Titel
|
|
|
spezifischer als per id kanns ja wohl nich mehr werden
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Sa 12.01.2013 18:11
Titel
|
|
|
Entweder ist da noch inline-CSS im Spiel, JS setzt was oder du hast weiter unten im CSS noch etwas, was das überschreibt.
Schau das CSS des Elements mal mit Rechtsklick->"element untersuchen" an.
Hier gehts zumindest...
Zuletzt bearbeitet von fyll am Sa 12.01.2013 18:11, insgesamt 2-mal bearbeitet
|
|
|
|
|
flavio
Threadersteller
Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht:
|
Verfasst Sa 12.01.2013 20:30
Titel
|
|
|
danke fürs feedback.
der fehler war allerdings simpler als gedacht.
im css kamen erst die queries und anschließend die allg. selektoren. nach dem die reihenfolge getauscht wurde, gehts auch ohne important.
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS Media Queries
media queries für html und javascript
Media Queries funktionieren nur lokal
Responsive Webdesign mit CSS3 Media Queries
Css important im IE6 - wie ersetzen?
[CSS] !important wirkt nicht bei :hover
|
|