padding geht nicht...
gary
- css
Hallo zusammen,
Ich wollte nur kurz eine warteseite schreiben, und habe jetzt ein padding Problem:
CSS-Babycode:
* {
margin: 0;
padding: 0;
padding-left: 10px;
}
Wenn ich padding-left: 10px; eingebe, ist der Abstand von h1 und h2 zum text nicht gleichweit vom linken rand weg.
Warum?
Viele Grüsse gary
Hi,
Wenn ich padding-left: 10px; eingebe, ist der Abstand von h1 und h2 zum text nicht gleichweit vom linken rand weg.
demnach muss vermutlich einer von uns zum Augenarzt.
Cheatah
Hi Cheatah,
Firefox 2.0.0.13 ?
Gruss gary
Hi,
Firefox 2.0.0.13 ?
Seamonkey und IE 6.
Cheatah
Hallo,
<h1>Internal Error 013</h1>
<h2>Statement:</h2>
This page is
* {
margin: 0;
padding: 0;
padding-left: 10px;
}
Wenn ich padding-left: 10px; eingebe, ist der Abstand von h1 und h2 zum text nicht gleichweit vom linken rand weg.
Du meinst, dass der Text nicht den gleichen linken Abstand hat wie h1 und h2? Du hast dem Text keinen Abstand gegeben. Erst padding (und damit padding-left) anzugeben und dann nochmal padding-left ist übrigens kein schöner Code.
Gruß, Hannes
Hi Hannes,
Du meinst, dass der Text nicht den gleichen linken Abstand hat wie h1 und h2?
Ja, genau..
Du hast dem Text keinen Abstand gegeben.
Gut, habe ich gemacht...
Erst padding (und damit padding-left) anzugeben und dann nochmal padding-left ist übrigens kein schöner Code.
Warum? Mit dem Sternchen sichert man doch alles ab, oder?
Danke auch, jetzt geht es :-)
Viele Grüsse gary
PS.: Es ist doch immer wieder erstaunlich, wie viele Fehler man bei so einer "grossen" Webpage doch machen kann *g*
Du hast dem Text keinen Abstand gegeben.
Warum? Mit dem Sternchen sichert man doch alles ab, oder?
Das Sternchen greift nur Elemente. Der Text hat aber auf der Ebene kein entsprechendes Element zu h1 und h2. Würdest du den Text in <p> setzen, hätte er auch eines.
Hallo Gary,
* {
margin: 0;
padding: 0;
padding-left: 10px;
}
Wenn ich padding-left: 10px; eingebe, ist der Abstand von h1 und h2 zum text nicht gleichweit vom linken rand weg.
natürlich nicht. "Natürlich", nachdem ich mir den HTML-Code dazu ansehe.
<body>
<h1>Internal Error 013</h1>
<h2>Statement:</h2>
This page is - like the owner - at the moment offline. . .
</body>
Warum?
Weil bei den beiden Überschriften 10px Padding vom body-Element *und* von den hX-Elementen anfallen, für den Fließtext (warum steht der eigentlich nicht in einem p-Container?) dagegen nur die 10px vom body.
So long,
Martin
Hi Martin,
Weil bei den beiden Überschriften 10px Padding vom body-Element *und* von den hX-Elementen anfallen, für den Fließtext (warum steht der eigentlich nicht in einem p-Container?) dagegen nur die 10px vom body.
Ja, Hannes hat mich schon aufgeklärt...
(warum steht der eigentlich nicht in einem p-Container?)
Na weil doch jetzt alle den Gürtel enger schnallen und sparen müssen ;-)
Viele Grüsse gary