Zur Navigation

Welche Funktion hat "margin:0 auto 10px"?

war: Verwendung von p.intro

2 Jörg Kruse

Bei drei Werten für margin steht der erste für den Abstand oben, der zweite für den Abstand links und rechts, der dritte für den Abstand unten.

Der zweite Wert auto sorgt hier dafür, dass der Abstand links und rechts gleich groß ist. Das Blockelement p.intro wird dadurch also horizontal zentriert.

06.02.2019 09:40 | geändert: 06.02.2019 09:41

3 krieger98

Zitat von Jörg
Bei drei Werten für margin steht der erste für den Abstand oben, der zweite für den Abstand links und rechts, der dritte für den Abstand unten.

Der zweite Wert auto sorgt hier dafür, dass der Abstand links und rechts gleich groß ist. Das Blockelement p.intro wird dadurch also horizontal zentriert.

Danke !!!

06.02.2019 10:14

4 krieger98

Ich habe einige Versuche gemacht bekomme das aber nicht hin. Der Abstand soll rechts und links 30 pixel zum Rand sein.

07.02.2019 10:21

5 Jörg Kruse

Zum einen muss der Wert "auto" durch "30px" ersetzt werden, zum andern muss die Breitenangabe entfernt werden:

p.intro {
    margin: 0 30px 10px;
    width: 700px;
}

Die Breite von p.intro muss dann ja variabel sein, wenn der horizontale Außenabstand eine feste Breite hat.

07.02.2019 15:30

6 krieger98

Zitat von Jörg
Zum einen muss der Wert "auto" durch "30px" ersetzt werden, zum andern muss die Breitenangabe entfernt werden:

p.intro {
    margin: 0 30px 10px;
    width: 700px;
}

Die Breite von p.intro muss dann ja variabel sein, wenn der horizontale Außenabstand eine feste Breite hat.

Ich habe das mal geändert hat aber nichts gebracht der Außenabstand ist immer noch der Gleiche.

07.02.2019 17:24

7 krieger98

Zitat von krieger98
Zitat von Jörg
Zum einen muss der Wert "auto" durch "30px" ersetzt werden, zum andern muss die Breitenangabe entfernt werden:

p.intro {
    margin: 0 30px 10px;
    width: 700px;
}

Die Breite von p.intro muss dann ja variabel sein, wenn der horizontale Außenabstand eine feste Breite hat.

Ich habe das mal geändert hat aber nichts gebracht der Außenabstand ist immer noch der Gleiche.

Ich habe den Fehler gefunden, habe vergessen das auch in der Datei
"responsive-video.css" zu ändern.

07.02.2019 17:46

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]