mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 23:01 Benutzername: Passwort: Auto-Login

Thema: [Lösungen] | Margin Collapsing vom 14.04.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [Lösungen] | Margin Collapsing
Autor Nachricht
emorikaner
Threadersteller

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 14.04.2011 15:16
Titel

[Lösungen] | Margin Collapsing

 Antworten mit Zitat Zum Seitenanfang
Ja, das tolle Thema, das irgendwann jeden Nonprintler trifft - das sog. Margin Collapsing.
Mich würde interessieren, wie ihr es, falls gewollt, umgeht.

Ich nehm zB. gern folgendes Markup:
Code:
<body id="wrapper">
<h1>Lorem Ipsum</h1>
<!-- Restlicher Quelltext -->
</body>

<body> ist mein wrapper, so dass ich mir ein zusätzlichen Tag spare.
Jetzt hab ich aber meistens <body> auf height/min-height 100% und kann daher kein padding nehmen.
<h1> mit margin schiebt allerdings bekanntlicherweise mein body runter.

Die Frage: Wie löst ihr das meistens ? Ich würde jetzt für body folgendes machen:
Code:
body {
    border-top:1px solid [bg-farbe];
    margin:-1px auto 0;
    width:960px;
}

h1 { /* bsp-margin */
    margin:20px;
}

So bleibt mein container auf 100%, ohne Scrollbalken und der margin schiebt nichts unerwünscht runter.
Würde jetzt nur gerne wissen, ob es einen besseren/effizienteren Weg gibt, das zu lösen.

----
Das hier hab ich noch gefunden, aber da gefällt mir meine Lösung imo besser.
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Do 14.04.2011 16:23
Titel

Antworten mit Zitat Zum Seitenanfang
Verstehe die Frage nicht. Was willst Du denn erreichen?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 14.04.2011 23:09
Titel

Antworten mit Zitat Zum Seitenanfang
wahrscheinlich sowas wien sticky footer will er machen. Oder er steht auf Kiosk....
  View user's profile Private Nachricht senden
emorikaner
Threadersteller

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 15.04.2011 08:32
Titel

Antworten mit Zitat Zum Seitenanfang
bacon hat geschrieben:
wahrscheinlich sowas wien sticky footer will er machen.

Nein, eig nicht, wie erklär ich das jetzt Grins

Also, hier hab ich einmal ne seite mit <body>
als Container (mit nem <div> würde das auch passieren, ist jetzt aber nicht relevant)
Mein <body> schiebt sich herunter, obwohl ich dem <h1> margin-top gegeben kann.

Die Frage ist, wie man das verhindern kann - imo löse ich das so

Jetzt wollte ich wissen, ob es dafür einen eleganteren Weg gibt, mehr nicht ^^
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 15.04.2011 08:49
Titel

Antworten mit Zitat Zum Seitenanfang
Jaja, is schon klar *zwinker*. Reflexartig vergebe ich dem body in diesem Fall ein margin-top: -20px
  View user's profile Private Nachricht senden
 
Ähnliche Themen margin-top + ie7?
IE margin problem
Html Margin - FF und IE?
IE7 margin Problem CSS
CSS Problem mit Margin nd top
margin-top ie und mozilla
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB