Ingo Siemon: margin-top: 10px; will nicht klappen

Beitrag lesen

Liebe Elya

Nichts falsch gemacht, aber vermutlich vergessen, daß alle Elemente bestimmte Abstände (auch nach unten) bereits standardmäßig mitbringen, wenn Du sie nicht explizit definierst.

Folgen nun mehrere solcher Elemente aufeinander, summieren sich margin-top und margin-bottom zum eigentlichen Abstand der Elemente zueinander.

Versuch mal folgendes:

  • {margin:0;padding:0;}

>   
> (setzt margin und padding für \*alle\* Elemente auf 0, ist die brutalste, aber auch effektivste Methode, um default-Abstände auszuschalten.)  
  
Ich habe das sogleich ausprobiert und es klappt.  
Vielen Dank für den Tipp also.  
  
Warim geht das eigentlich nicht, wenn ich das in boy schreibe  
also so: body {margin:0;padding:0;}  
Müsste es da nicht auch an h1,h2,p usw. vererbt werden?  
  
Und noch ne Frage:  
Diese \* {margin:0;padding:0;} Lösung leuchtet mir natürlich ein.  
Damit hat man alle "Voreinstellungen" der Browser-internen Stys-Cheets  
bezüglich Abständer abgestellt ... richtig?  
Klingt natürlich ungemein praktisch, wenn man dann alle seine  
gewünschten Abstände selbst "bestimmen" kann.  
Aber ist das denn auch eine "saubere" Lösung?  
Ich meine, jetz, wo ich mich gerade nei mit CSS-Layout usw.  
beschäftige, will ich natürlich auch alles richtig machen  
und nicht gleich wieder mit hingewurschtelten Tricks anfangen,  
verstehst Du?  
  
Oder ist diese Lösung durchaus angesagt und verbreiet?  
  
Würde mich sehr freuen, wenn Du (und Ihr anderen auch)  
mir da nochmal Deine/Eure Meinung zu sagen könntet.  
  
Gruß  
Ingo