CSS-Hack für Opera durch Kombinieren

text/opera;charset=utf-8

Der Owen-Hack hätte mir nichts genutzt, da er nur auf Opera Versionen 6 und drunter anspringt. Dann entdeckte ich einen anderen Hack, dessen Namen ich leider nicht mehr herausfinden konnte: Bindet man eine CSS-Datei wie folgt ein, wird sie nur von Safari und Opera verarbeitet:

Der W3C-Validator sieht dies übrigens als validen Code an!

Safari Bug Nummer 4249130

Nun konnte ich den Inhalts-Container auch in Opera richtig positionieren, jedoch wurde er dann im Safari falsch dargestellt. Daher musste ich versuchen, diese Style Sheet-Angaben für Safari auszublenden. Da kam mir der Safari-Bug, der von Andy Clarke entdeckt wurde, sehr gelegen und musste ihn nur ein bisschen umbasteln, da ich sonst wieder die Korrektur der Anzeige in Opera wieder aufhob.

@media all {
  @import url(cream.css);
  margin-top:80px;
}

Safari kann die Stile innerhalb @media all nicht verarbeiten, wenn sich darin auch noch eine @import-Anweisung befindet. Jedoch verarbeitet Safari die in der @import-Anweisung befindliche CSS-Datei sehr wohl ein. Ich feilte ein bisschen herum und hab es dann geschafft.

Das Ergebnis

Ruft man die @import-Anweisung erst nach der/den für Opera nötigen CSS-Regel(n) auf, springt Safari wieder auf die "Standard"-CSS-Regel an. Das würde dan so aussehen:

@media all { 
  html body #box #content #maincontent {
    margin-top:80px;
  }@import url(style.css); 
}

Somit wäre ein weiterer CSS-Hack für Opera aufgedeckt! Es ist zwar keine einwandfreie, semantisch korrekte und valide Lösung, jedoch spricht ja ein Hack sowieso schon gegen die Grundprinzipien der Erfinder.