Autor |
Nachricht |
emorikaner
Threadersteller
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 14.04.2011 15:16
Titel [Lösungen] | Margin Collapsing |
|
|
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.
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Do 14.04.2011 16:23
Titel
|
|
|
Verstehe die Frage nicht. Was willst Du denn erreichen?
|
|
|
|
|
Anzeige
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 14.04.2011 23:09
Titel
|
|
|
wahrscheinlich sowas wien sticky footer will er machen. Oder er steht auf Kiosk....
|
|
|
|
|
emorikaner
Threadersteller
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 15.04.2011 08:32
Titel
|
|
|
bacon hat geschrieben: | wahrscheinlich sowas wien sticky footer will er machen. |
Nein, eig nicht, wie erklär ich das jetzt
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 ^^
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 15.04.2011 08:49
Titel
|
|
|
Jaja, is schon klar . Reflexartig vergebe ich dem body in diesem Fall ein margin-top: -20px
|
|
|
|
|
|
|
|
Ähnliche Themen |
margin-top + ie7?
Html Margin - FF und IE?
IE7 margin Problem CSS
CSS Problem mit Margin nd top
margin-top ie und mozilla
margin-top und <li> Problem
|
|