mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 13:42 Benutzername: Passwort: Auto-Login

Thema: media queries versteht nur !important; vom 12.01.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> media queries versteht nur !important;
Autor Nachricht
flavio
Threadersteller

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Sa 12.01.2013 11:44
Titel

media queries versteht nur !important;

Antworten mit Zitat Zum Seitenanfang

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;
}
}

  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Sa 12.01.2013 14:17
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ChrisKam

Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht: Männlich
Verfasst Sa 12.01.2013 15:57
Titel

Antworten mit Zitat Zum Seitenanfang

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).
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Sa 12.01.2013 17:52
Titel

Antworten mit Zitat Zum Seitenanfang

spezifischer als per id kanns ja wohl nich mehr werden
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Sa 12.01.2013 18:11
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
flavio
Threadersteller

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Sa 12.01.2013 20:30
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.