margin von Stylesheet ignoriert

Hier können allgemeine Fragen zu HTML und CSS gestellt und diskutiert werden.
Antworten
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

margin von Stylesheet ignoriert

Beitrag von baluo »

Ich habe gestern Abend die frustrierende Beobachtung gemacht, dass einige margin-Angaben von meinem Stylesheet ignioriert werden, zum Beispiel auf dieser Testseite.
Der erste rote Test-Text hat im p-tag diesen Style aus dem Stylesheet verlinkt:

Code: Alles auswählen

 .news-teaser{
  clear:both;
  /*margin:0 0 60px 60px;*/ color:red;
  margin-bottom:60px;
  margin-left:60px;
  line-height:1.2em; 
  font-variant: small-caps;
}
Meine verschiedenen Broweser akzeptieren weder die Kurz- noch die Langfassung des margins, wohl aber den Rest. Kurioserweise verarbeitet der cpo-Standardeditor (im FF43) die margin-Vorgaben korrekt.
Im zweiten Test-Beispiel habe ich die margin-Angaben inline gesetzt, und sie werden beruecksichtigt.

Die gruene Test-"Box" hat den folgenden Style:

Code: Alles auswählen

.box{
 float:right;
 width:25%;
/* border: 2px #F2F2F2 solid;*/
/* background-color:#eef1f6; color:inherit;*/
 border:1px dotted #e8edf3;
 padding: 10px; margin:5px 0 5px 15px;
 color:green;
}
Das cpo-Logo wurde korrekt dargestellt.

Ich habe im Internet gesucht, und da gibt es Hinweise auf "kollabierende Margins" bei aufeinander folgenden floats, aber das scheint ein anderes Problem zu sein. Ich habe noch nicht alle "margin"-Angaben getestet im Stylesheet, aber die meisten werden wohl korrekt verarbeitet.

Habt ihr eine Erklärung/Lösung?

Danke, Gerhard
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7360
Registriert: 01.01.1970 01:00
Hat sich bedankt: 110 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Lies Dir hier mal das Thema Gewichtung durch
http://www.peterkropff.de/site/css/gewichtung.htm
also: ID geht vor Klasse, daher gewinnt #content p
(und Inline geht vor ID und Klasse)

Das kannst Du durch

Code: Alles auswählen

margin-left:60px !important;
überschreiben.
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Beitrag von baluo »

Danke! Tricks wie dieser machen den Experten!
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7360
Registriert: 01.01.1970 01:00
Hat sich bedankt: 110 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Das sind keine Tricks, das sind Regeln!
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Antworten