zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden margin-top will nicht wie ich es will...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.01.2010, 11:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.01.2010
Beiträge: 4
Paragenia befindet sich auf einem aufstrebenden Ast
Standard margin-top will nicht wie ich es will...

Hi allerseits,

habe das Problem, dass der margin-top Befehl auf den p-Tag angewandt im IE anders als gewünscht dargestellt wird. Irgendwie stimmt da was mit der Hintergrundfarbe des Div-Containers, in dem sich der p-Tag befindet nicht.

Der FF und alle andern zeigen die Hintergrundfarbe des parent-parent-containers, der IE die parent.

Ich kenne zwar das margin-collapse Problem, aber hier richtet sich der p-Tag ja an den oberen bzw. unteren Rand des Parent-Div-Containers aus und nicht an nem block-element derselben Hierachie.

Hier der Link zum besagten Problem: Paragenia Standard

Danke schon mal im Voraus für eure Hilfen
Paragenia
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.01.2010, 11:29
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Suchbegriff "collapsing margins".
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.01.2010, 11:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.01.2010
Beiträge: 4
Paragenia befindet sich auf einem aufstrebenden Ast
Standard

Collapsing margins bedeutet, dass, wenn zwei blöcke mit margin-Abständen aneinander geraten, die margins nicht addiert sondern der größere der beiden genommen wird.

Hier will ich ja einen margin zu nem umschließenden Container haben, und daher verstehe ich eben nicht ganz, wieso der FF und alle andern bis auf IE dem parent-container (.main-inside) nen margin zum parent-parent (#main) geben, da der p-tag den margin ja vom p zum parent (.main-inside) machen sollte.

Im Grunde wird hier bei FF der margin vom p zum parent-parent gezeigt, oder aber der parent-container (.main-inside) scheint erst beim eigentlich angezeigten p-block zu starten.

Geändert von Paragenia (06.01.2010 um 11:49 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 06.01.2010, 12:05
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

W3C CSS Spezifikation

Zitat:
If the element's margins are collapsed with its parent's top margin, the top border edge of the box is defined to be the same as the parent's.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 06.01.2010, 12:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.01.2010
Beiträge: 4
Paragenia befindet sich auf einem aufstrebenden Ast
Standard

Hm, Danke. Ich glaube, ich hab das jetzt irgendwie so halb verstanden.

Treffen zb. 2 Oberkanten verschachtelter Elemente aufeinander, dann wird der margin dem parent übergeben, ist das so richtig (besser: der margin bricht durch den parent durch und der parent beginnt erst beim eigentlichen Element)?

Das sollte dann aber nur bei 2 Elementen so sein, und nicht, wenn drei Block-Elemente direkt verschachtelt sind - sehe ich das richtig? Oder wird dann von allen dreien der margin berechnet und dem äußersten Container übergeben?

Ich trau mir zwar n ganz gutes Alltagsenglisch zu, aber logische Erklärungen zu diesem Thema sind mir dann so wie in W3C beschrieben doch auf den ersten Blick nicht ganz verständlich.

Gibts zu diesem ja anscheinend doch tausende CSSler beschäftigenden Thema auch eine gute Erklärung in Deutsch?

Danke jedenfalls, Paragenia
Mit Zitat antworten
  #6 (permalink)  
Alt 06.01.2010, 12:34
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Paragenia Beitrag anzeigen
Treffen zb. 2 Oberkanten verschachtelter Elemente aufeinander, dann wird der margin dem parent übergeben
Sozusagen - die margins fallen zusammen und die Spezifikation sagt, dass dann beide Elemente auf der selben Höhe beginnen, also ist das Ergebnis de facto das gleiche, als hatte das Elternelement den margin-top (und nicht das Kindelement).

Zitat:
Zitat von Paragenia Beitrag anzeigen
Das sollte dann aber nur bei 2 Elementen so sein, und nicht, wenn drei Block-Elemente direkt verschachtelt sind
Doch, auch dann - es setzt sich immer weiter fort. Wohlgemerkt nur so lange, bis irgendwann mal vert. padding oder border "dazwischenkommt". Oder ein neuer Block Formatting Context, z.B. per float oder overflow (denn da kollabiert nix mehr).

Zitat:
Zitat von Paragenia Beitrag anzeigen
Gibts zu diesem ja anscheinend doch tausende CSSler beschäftigenden Thema auch eine gute Erklärung in Deutsch?
Bestimmt, aber ich habe keinen guten Link parat, da ich derartig essentielle Dinge nur im Original lese
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 06.01.2010, 12:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.01.2010
Beiträge: 4
Paragenia befindet sich auf einem aufstrebenden Ast
Standard

DANKE nochmals.

Habs jetzt endlich verstanden und auch ne passende Erklärung für Dummies gefunden:

Cascading Style Sheets { Grundlegendes : Zusammenfallende Abstände (Collapsing Margins) }

Paragenia
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
Frage zu horizontalen Linien marvin1989 CSS 3 30.12.2009 00:35
Problem mit CSS in Joomla 1.5 noobilicius CSS 6 25.09.2008 21:24
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:32 Uhr.